JavaScript文档对象模型

JavaScript文档对象模型总结

Document类型
JavaScript通过Document类型表示文档。在浏览器中，document对象是HTMLDocument(继承自Document类型)的一个实例，表示整个HTML也页面。而且，document对象是window对象的一个属性，可以作为全局对象来访问。Document节点具有下列特征：

•	nodeType的值为9
•	nodeName的值为"#document"
•	nodeValue的值为null
•	parentNode的值为null
•	ownerDocument的值为null
•	其节点可能是一个DocumentType(最多一个)、Element(最多一个)、ProcessingInstruction或Comment。

Document类型可以表示HTML页面或其他基于XML的文档。最常见的应用还是作为HTMLDocument实例的document对象。通过这个文档对象，不仅可以取得与页面有关的信息，而且还能操作页面的外观及其底层结构。
• 1.文档的子节点
documentElement和childNodes内置的访问文档子节点的快捷方式。
documentElement始终指向HTML页面中的元素。

	var html = document.documentElement;
    alert(html == document.childNodes[0]);//true
    alert(html == document.firstChild);//true

作为HTMLDocument实例，document对象还有一个body属性，直接指向元素。
var body = document.body; //取得对引用
Document另一个可能的子节点是DocumentType。通常将<!DOCTYPE>标签看成一个与文档其它部分不同的实体，可以通过doctype属性访问。
var doctype = document.doctype; //取得对<!DOCTYPE>引用
浏览器对docume.doctype的支持差别很大。
• 2.文档信息
作为HTMLDocument的一个实例，document对象还有一些标准的Document对象所没有的属性。
title属性：包含着

 	var originalTitle = document.title;
    document.title = "New page title"

接下来介绍的3个属性都与对网页的请求有关，它们是URL、domain和referrer。
URL属性包含页面完整的URL，domain属性中只包含页面的域名，referrer属性保存着谅解到当前页面的那个页面的URL。在没有来源页面的情况下，referrer属性中可能会包含空字符串。所有这些信息都存在于HTTP头部，只不过通过这些属性让我们能够在JavaScript中访问它们而已。

	var url = document.URL;
    var domain = document.domain;
    var referrer = document.referrer;
    //假设页面来自p2p.wrox.com域
    document.domain = "wrox.com" //成功
    document.domain = "nczonline.net"; //出错

由于跨域安全限制，来自不同子域的页面无法通过JavaScript通信。而通过将每个页面的document.domain设置为相同的值，这些页面就可以互相访问对方包含的JavaScript对象了。

	document.domain = "wrox.com";//松散的（成功）
    document.domain = "p2p.wrox.com";//紧绷的（出错）

• 3.查找元素
最常见的DOM应用，就是取得特定的某个或某租元素的引用，然后在执行一些操作。
Document类型为此提供了两个方法：getElemengById()和getElementsByTagName()。
getElemengById()接收一个参数，要取得的元素的ID。找到相应元素放回该元素，否则返回null。如果页面中多个元素的ID值相同，则返回文档中第一次出现的元素。
getElementsByTagName()接收一个参数，要取得的元素的标签名，返回0或多个元素的NodeList。在HTML文档中，这个方法会返回一个HTMLCollection对象，最为一个动态集合，该对象与NodeList非常相似。HTMLCollection对象有一个叫做namedItem()的方法。使用这个方法可以通过元素的name特性取得集合中的项。

	var images = document.getElementsByTagName("img");
    alert(images.length);
    alert(images[0].src);
    alert(images.item(0).src);

对HTMLCollection,我们可以向方括号中传入数值或字符串形式的所引致。在后台，对数值索引会调用item()，对字符串索引会调用namedItem()。
HTMLDocument类型才有的方法，getElementsByName()。返回带有给定name的所有元素。
• 4.特殊集合
处理属性和方法，document对象还有一些特殊的集合，这些集合都是HTMLCollection对象，包括：document.anchors,包含所有带name特性的元素；集合中的项会随着当前文档内容的更新而更新。
• 5.DOM一致性检测
由于DOM分为多个级别，也包含多个部分，检测浏览器实现了DOM的那些部分十分必要。
document.implementation属性就是为此提供相应信息和功能的对象。DOM1级只为document.implementation规定了一个方法，hasFeature()，这个方法接受两个参数，要检测的DOM功能名称即版本号。

  var hasXmlDom = document.implementation.hasFeature("XML","1.0");

在使用DOM的某个特殊功能之前，最好处理检测hasFeature之外，还同时使用能力检测。
• 6.文档写入
document对象将输出流写入到网页中的能力体现在下列4个方法中：write()、writeln()、open()和close()。write()、writeln()接收一个字符串参数，要写入到输出流中的文本。write()原样写，writeln()会在字符串末尾添加换行符（\n）。在页面加载过程中，可以使用这两个方法项页面中动态加入内容。
open()和cloes()分别打开和关闭网页的输出流。