javascript获取节点值
来源:百度知道 编辑:UC知道 时间:2024/06/26 06:07:31
<div id="div1">
<div>
<div><br />
<span>990</span>
</div>
</div>
</div>
我想要获取到上面span标签里的值,请问用js怎么获取?用节点的方法。
我是这样写的
var node=document.getElementById("div1").firstChild.firstChild.nodeValue
可是不行。帮帮忙
<div>
<div><br />
<span>990</span>
</div>
</div>
</div>
我想要获取到上面span标签里的值,请问用js怎么获取?用节点的方法。
我是这样写的
var node=document.getElementById("div1").firstChild.firstChild.nodeValue
可是不行。帮帮忙
你的代码问题:
一、你的层数不够,还应该下一层
二、firstChild是<br>,应该再次nextSibling
下面的代码调试通过,正确获取结果:
<div id="div1">
<div>
<div><br />
<span>990</span>
</div>
</div>
</div>
<script language="javascript">
alert(document.getElementById("div1").firstChild.firstChild.firstChild.nextSibling.innerHTML);
</script>
对于文本节点,节点值为文本内容;对于属性节点,节点值为属性的值。
节点值对于文档节点和元素节点是不可用的。
获取节点值的语法:
nodeObject.nodeValue
其中,nodeObject 为DOM节点(节点对象)。
举例,获取文本节点的节点值:
<div id="demo3">点击这里显示文本节点的值</div>
<script type="text/javascript">
document.getElementById("demo3").onclick=function(){
alert(this.firstChild.nodeValue);