在JS中，DOM的遍历一般用到一下三种方法：
document.getElementById 通过ID获取元素节点。
document.getElementsByTagName 通过标签名称获取元素节点， 返回的是一个数组。
document.getElementsByName 通过标签的name属性获取元素节点，返回的也是是一个数组。
例外还有 document.getElementsByClass, 这个在IE上好像不兼容。
下面是我写的DOM遍历的一个例子：
<html>
<head>
</head>
<body>
<div id=\"main\"><a href=\"http://baodu.com\">baidu.com</a>
<a href=\"http://2345.com\">2345.com</a>
<a href=\"http://sina.com\">sina.com</a>
<a href=\"http://google.com\">google.com</a>
<h1>go home</h1>
<span id=\"span1\">this is span</span>
123456
</div>
< type=\"text/ \">
var pn=document.getElementById(\"main\");//获取ID为main的元素节点
var ca=pn.getElementsByTagName(\"a\");//获取ID为main元素的所有a子节点。
//遍历所有a子节点
for(var i=0; i<ca.length; i++){
alert(\"text:\"+ca[i].innerHTML+\"; href:\"+ca[i].href);
}
pn.lastChild; //获取mian元素节点的最后一个子节点,改节点为文本节点， 可以直接用nodeType获取节点类型，用nodeValue获取文本值。
pn.lastChild.nodeType; //运行结果为：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；
</ >
</body>
</html>
继续阅读与本文标签相同的文章
-
中国第一封电子邮件1987年9月14日从北京发往德国历时6天
2026-05-15栏目： 教程
-
国产最强纯电SUV上市，24.96万起，全面碾压特斯拉！
2026-05-15栏目： 教程
-
近半加拿大人称：生活在科技之中
2026-05-15栏目： 教程
-
华为发布5G全系新方案，未来L3自动驾驶看这里
2026-05-15栏目： 教程
-
L3级自动驾驶＋650km续航30万级纯电SUV迎来搅局者
2026-05-15栏目： 教程