HTML DOM - 导航

通过 HTML DOM,可以准确定位到你想找的标签、内容。

HTML DOM 节点列表

getElementsByTagName() 方法返回节点列表。节点列表是一个节点数组。

这样得到的是一个数组,最少是一个元素,且数组第一个元素是x[0];

例子:

  • 获取所有 <p> 元素节点
  • 输出每个 <p> 元素的文本节点的值
    x=document.getElementsByTagName("p");
    
    for (i=0;i<x.length;i++)
    {
    document.write(x[i].innerHTML);
    document.write("<br />");
    }
parentNode(父节点)、firstChild(第一个子元素) 以及 lastChild(最后一个子元素) 

<html>
<body>

<p id="intro">Hello World!</p>

<script>
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>

</body>
</html>

childNodes 和 nodeValue

除了 innerHTML 属性,您也可以使用 childNodes 和 nodeValue 属性来获取元素的内容。

下面的代码获取 id="intro" 的 <p> 元素的值:

实例

<html>
<body>

<p id="intro">Hello World!</p>

<script>
var txt=document.getElementById("intro").childNodes[0].nodeValue;
document.write(txt);
</script>

</body>
</html>


猜你喜欢

转载自blog.csdn.net/guitarist0505/article/details/79867276
今日推荐