当前位置：Gxlcms > JavaScript > js遍历DOM实例详解

js遍历DOM实例详解

时间：2021-07-01 10:21:17 帮助过：8人阅读

在JS中，DOM的遍历一般用到一下三种方法：
document.getElementById 通过ID获取元素节点。
document.getElementsByTagName 通过标签名称获取元素节点，返回的是一个数组。
document.getElementsByName 通过标签的name属性获取元素节点，返回的也是是一个数组。
例外还有 document.getElementsByClass, 这个在IE上好像不兼容。

下面是我写的DOM遍历的一个例子：





baidu.com
    2345.com
    sina.com
    google.com
    go home
    this is span
    123456

结果为：3； 3表示文本节点。
pn.lastChild.nodeValue;//运行结果为：123456

pn.firstChild;//获取mian元素节点的第一个子节点改节点为元素节点。
pn.firstChild.innerHTML; //获取该节点的文本。
pn.firstChild.href;//获取该节点的href属性。

var parentSpan=document.getElementById("span1").parentNode;//获取id为span1的父节点
alert(parentSpan.id); //获取id为span1的父节点的ID；

js遍历DOM实例详解

go home

人气教程排行