javascript获取节点值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript获取节点值相关的知识,希望对你有一定的参考价值。

<div id="div1">
<div>
<div><br />
<span>990</span>
</div>
</div>
</div>

我想要获取到上面span标签里的值,请问用js怎么获取?用节点的方法。
我是这样写的
var node=document.getElementById("div1").firstChild.firstChild.nodeValue
可是不行。帮帮忙

对于文本节点,节点值为文本内容;对于属性节点,节点值为属性的值。

节点值对于文档节点和元素节点是不可用的。

获取节点值的语法:
    nodeObject.nodeValue
其中,nodeObject 为DOM节点(节点对象)。

举例,获取文本节点的节点值:

<div id="demo3">点击这里显示文本节点的值</div>
<script type="text/javascript">
    document.getElementById("demo3").onclick=function()
        alert(this.firstChild.nodeValue);   //  this 指当前发生事件的html元素,这里是<div>标签
    
</script>

参考技术A 你的代码问题:
一、你的层数不够,还应该下一层
二、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>本回答被提问者采纳

javascript_获取iframe框架中元素节点的属性值

1. DOM:文档对象模型

  [window 对象]
    它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。

  [document 对象]
  该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。

2. JS原生方法获得iframe的window对象

  document.getElementById("ifr").contentWindow;  

3. 获取iframe框架的思路:

  (1)找到iframe框架

  (2)获取iframe框架的window对象

  (3)获取window对象的document属性

  (5)根据document属性的getElementById、getElementsByName、getElementsByClassName、getElementsByTagName等方法来获得或者修改元素节点的属性值

  技术分享

以上是关于javascript获取节点值的主要内容,如果未能解决你的问题,请参考以下文章

使用 Javascript 获取 XML 节点值

javascript_获取iframe框架中元素节点的属性值

javascript 获取节点自定义属性的值

使用 javascript 从 XML 字符串中获取节点值

JavaScript中DOM操作元素及节点操作

在Javascript中使用DOM解析器获取子节点属性值