在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>
<script type="text/javascript">
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；
</script>
</body>
</html>
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
440
