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
可是不行。帮帮忙

你的代码问题:
一、你的层数不够,还应该下一层
二、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);