JavaScript DOM学习第一章：W3C DOM简介

核心提示： 两个特别的：x.firstChild就表示x的第一个子节点；x.lastChild就表示x的最后一个子节点，假设p是BODY的第一个子节点，JavaScript DOM学习第一章：W3C DOM简介(4)，BODY又是document的第一个子节点，所以为了到达B节点，就得到了你想要的，你也可以

两个特别的：x.firstChild就表示x的第一个子节点；x.lastChild就表示x的最后一个子节点。

假设p是BODY的第一个子节点，BODY又是document的第一个子节点，所以为了到达B节点，你可以用下面的任意方法：

1　document.firstChild.firstChild.lastChild;<br>document.firstChild.childNodes[0].lastChild;<br>document.firstChild.childNodes[0].childNodes[1];<br>etc.<br>

甚至是下面这个比较笨的：

1　document.firstChild.childNodes[0].parentNode.firstChild.childNodes[1];<br>

得到一个元素

然而，这样遍历文档实在是太麻烦了。因为Level 1 DOM设计的目标就是允许你修改整个DOM树，所以你必须准确的知道DOM树的结构，这会很快导致一些问题。

所以还有一些方法能够很快的到达你想要的元素。只要你到达了这里，就可以遍历整个DOM树的每一个节点。

让我们继续前面的例子。你想要到达元素B。最简单的办法就是直接跳过去。通过document.getElementByTagName你就能很快的创建一个包含文档内的所有B标签的数组。假设我们的B是第一个，那么你就可以简单的写：

1　var　x　=　document.getElementsByTagName('B')[0]<br>

x就包含了元素节点B。首先你命令浏览器得到整个文档的所有元素B(document.getElementByTagName(‘B’)) ,然后你选择了第一个文档的第一个元素B([0])，就得到了你想要的。

你也可以写：

1　var　x　=　document.getElementsByTagName('P')[0].lastChild;<br>

现在你先到了文档的第一个段落P（假设我们的P是第一个元素），然后到达p的最后一个子元素。

编缉推荐阅读以下文章

• javaScript DOM方法与属性摘要