10.1.2 Document类型

Document类型表示文档，document对象是HTMLDocument的一个实例，document是window对象的一个属性：

Document节点的特征：

• nodeType=9
• nodeName=”#document”
• nodeValue=null
• parentNode=null
• ownerDocument=null

子节点可能是：DocumentType()、Element(html)、ProcessingInstruction或注释

1、文档的子节点

当HTML文档结构如下时：

以下三种方式都可以表示html节点：

• document.documentElement
• document.childNodes[0]
• document.firstChild

document.body可直接指向body元素

document.doctype可直接指向

IE8及以前版本，会将当作Comment节点，而document.doctype始终为null

IE9+与firefox，将作为文档的第一个子节点，可通过document.firstChild和document.childNodes[0]和document.doctype来访问。

在safari、Chrome和Opera中，用document.docType表示，但不在document.childNodes中。

2、文档信息

以下为示例代码：

    第10章

abc

// document.title代表中的文本，注意不是title节点alert(document.title);      // 第10章// 还可设置标题，源码中还是原来的文本document.title = "设置的新的title";// 取得完整的URLalert(document.URL);// 取得域名alert(document.domain);// 取得来源页面的URLalert(document.referrer);

3、查找元素

// 获取id="outer"的节点，id名字区分大小写var div = document.getElementById("outer");// 根据标签名获得节点var liNodes = document.getElementsByTagName("li");

注意上述两者有差异，一个是Element，一个是Elements，多一个字母s

alert(liNodes.length);      // 节点数量alert(liNodes[0].id);      // 显示第0个节点的id属性alert(liNodes.item(0).id)   // 显示第0个节点的id属性// 获得name="myLi"的li元素var myli = liNodes.namedItem("myLi");var myli = liNodes['myLi']      // 此方法与上一行相同// 显示li的id值alert(myli.id);     // li2getElementsByName方法可返回给定name特性的所有元素

4、特殊集合

document.anchors// 所有带有name属性的元素document.applets// 所有元素document.forms// 所有元素document.images// 所有元素document.links// 所有带有href属性的元素

6、文档写入

// 重写页面，页面上只有Hello world!字样window.onload = function () {    document.write("Hello world!");}// 运行到js代码处时，向页面中添加Hello world!字样document.write("Hello world!");

writeln()方法会在最后加上

open()和close()则是打开和关闭网页的输出流