您的位置：首页 > Web前端 > HTML

HTML DOM - 导航

2018-04-09 17:15 169 查看
通过 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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  DOM javascript
相关文章推荐
新的分享
章节导航