JavaScript获取HTML DOM父,子,临近节点.docxVIP

在 Web 应用程序特别是 Web2.0 程序开发中，经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript 获取节点的方法有很多种，这里简单做一下总结（以下方法在 IE7 和Firefox2.0.0.11 测试通过）： 通过顶层 document 节点获取： document.getElementById(elementId) ：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同 id 的节点，那么只返回第一个节点。 如今，已经出现了如 prototype、Mootools 等多个 JavaScript 库，它们提供了更简便的方法：$(id) ，参数仍然是节点的 id。这个方法可以看作是document.getElementById() 的另外一种写法，不过$() 的功能更为强大，具体用法可以参考它们各自的 API 文档。 document.getElementsByName(elementName) ：该方法是通过节点的 name 获取节点，从名字可以看出，这个方法返回的不是一个节点元素，而是具有同样名称的节点数组。然后，我们可以通过要获取节点的某个属性来循环判断是否为需要的节点。 例如：在 HTML 中 checkbox 和 radio 都是通过相同的 n