js获取html的span标签的值方法(超简单)
HTML中代码为:
<span id="testid">aaaa</span>
获取的js代码:
方法一:.innerText
var x1 = document.getElementById("testid").innerText; alert("x1="+x1);
方法二:.innerHTML
var x2 = document.getElementById("testid").innerHTML; alert("x2="+x2);
以上就是小编为大家带来的js获取html的span标签的值方法(超简单)全部内容了,希望大家多多支持我们~
相关推荐
-
JS 获取span标签中的值的代码 支持ie与firefox
ie支持outerText,firefox支持textContent 复制代码 代码如下: if (isIE) { var spanTest=document.getElementById('spanTest'); spanValue = spanTest.outerText; } else { spanValue = spanTest.textContent; }
-
javascript给span标签赋值的方法
js给span标签赋值的方法?一般有两种方法: 第一种方法:输出html <body onload="s()"> <span id="hello"></span> <script language="javascript"> function s(){ document.getElementById("hello").innerHTML = "<iframe sr
-
js获取html的span标签的值方法(超简单)
HTML中代码为: <span id="testid">aaaa</span> 获取的js代码: 方法一:.innerText var x1 = document.getElementById("testid").innerText; alert("x1="+x1); 方法二:.innerHTML var x2 = document.getElementById("testid").innerHTML;
-
Jquery和JS获取ul中li标签的实现方法
js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var div=document.getElementById('a'); var ul=div.childN
-
JS 获取鼠标左右键的键值方法
function test() { alert(event.x+" "+event.y); alert(event.button); } /*右键菜单不显示*/ document.oncontextmenu=function() { return false; } /*document.onmousedown=function() { if(event.button==1) {alert("left")} if(event.button==2) {alert(&qu
-
js获取会话框prompt的返回值的方法
本文实例讲述了js获取会话框prompt的返回值的方法.分享给大家供大家参考.具体分析如下: 获取会话框prompt的返回值,见例子: 复制代码 代码如下: <html> <head> <script type="text/javascript"> if(prompt("请输入密码","") == "admin"){ document.write("密码正确"); }e
-
JS获取子、父、兄节点方法小结
我们在实际的开发中,经常要获取页面中某个html元素,动态更新元素的样式.内容属性等. 我们已经知道在JavaScript中提供下面的方法获取子.父.兄节点的方法: 常规 通过父节点获取子节点: parentObj.firstChild 获取已知父节点的第一个子节点 parentObj.lastChild 获取已知父节点的最后一个
-
JS按条件 serialize() 对应标签的使用方法
erialize()定义和用法: serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象.你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身.序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语法: $(selector).serialize() serialize 非常方便的帮我们创建 URL 编码文本字符串 输出的字符串格式为 a=1&b=2&c=3 直接可用于Url
-
JS获取html元素的标记名实现方法
常见的获取元素的方法有3种,分别是通过元素ID.通过标签名字和通过类名字来获取. getElementById DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象.使用的时候请注意区分大小写. 它是document对象特有的函数,只能通过其来调用该方法.其使用的方法如下: document.getElementById('demo') //demo是元素对应的ID 该方法兼容主流浏览器,甚至包括IE6+,可以大胆使用. getElementsBy
-
js 获取元素所有兄弟节点的实现方法
比如一个ul里面有10个li,而第3个li上有特殊的样式(比如颜色为红色,其他为黑色).我想把其他所有li--不包括红的li--的颜色也设为红色,此时,就需要获得红li的所有兄弟节点. 兄弟,就是和你平辈的,既不是上一级也不是下一级,而且可能有比你大的(兄),也可能比你小(弟).兄弟节点同理,下面是一个常规的获取兄弟节点的办法. 代码如下 function siblings(elm) { var a = []; var p = elm.parentNode.children; for(var i
-
js获取隐藏元素宽高的实现方法
网上有一些js获取隐藏元素宽高的方法,但是可能会存在某些情况获取不了. 例如: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>test</title> </head> <bo
随机推荐
- Lua中的控制结构(流程控制)简明总结
- 详解在Vue中如何使用axios跨域访问数据
- java使用任务架构执行任务调度示例
- hibernate增删改查操作代码
- JavaScript之自定义类型
- PHP与C#分别格式化文件大小的代码
- mysql中RAND()随便查询记录效率问题和解决办法分享
- 跟我学习javascript的call(),apply(),bind()与回调
- js+html制作简单验证码
- C语言double和float 实例分析
- JavaScript实现梯形乘法表的方法
- 基于JavaScript实现选项卡效果
- 阿里云基于CentOS用vsftpd搭建FTP服务器
- 轻松解决 Linux操作系统故障恢复技巧
- android 获取本机的IP地址和mac物理地址的实现方法
- Android如何实现锁屏状态下弹窗
- Spring Boot使用Druid和监控配置方法
- C语言中打印特殊图案的实现代码
- C#递归算法之归并排序
- android浮层图片拖动并且可点击效果