访问相关节点
![](http://book.csdn.net/bookfiles/110/06/image015.jpg)
要访问<html/>元素(你应该明白这是该文件的document元素),你可以使用document的documentElement特性:
var oHtml = document.documentElement;
由于IE 5.5中的DOM实现的错误,document.documentElement会返回<body/>元素。IE 6.0已经修复了这个错误。
现在变量oHtml包含一个表示<html/>的HTMLElement对象。如果你想取得<head/>和<body/>元素,下面的可以实现:
也可以使用childNodes特性来完成同样的工作。只需把它当成普通的JavaScript Array,使用方括号标记:
你还可以通过使用childNodes.length特性来获取子节点的数量:
注意方括号标记其实是NodeList在JavaScript中的简便实现。实际上正式的从childNodes列表中获取子节点的方法是使用item()方法:
HTML DOM页定义了document.body作为指向<body/>元素的指针:
有了oHtml、oHead和oBody这三个变量,就可以先尝试确定它们之间的关系:
这一小段代码测试并验证了oBody和oHead的parentNode特性都是指向oHtml变量,同时使用previousSibling和nextSibling特性来建立它们之间的关系。最后一行确认了oHead的ownerDocument特性事实上是指向该文档。
不同浏览器在判断何为Text节点上存在一些差异。某些浏览器,如Mozilla,认为元素之间的空白都是Text节点;而另一些浏览器,如IE,会全部忽略这些空白。因为使用Mozilla方式很难确定哪些空白是Text节点,本书将采用IE的方式。