HTML DOM 对象

　　本篇主要介绍HTML DOM 对象：Document、Element、Attr、Event等4个对象。

1. Document 对象：表示文档树的根节点，大部分属性和方法都是对元素进行操作。

2. Element 对象：表示文档中的元素，可包含为元素节点、文本节点以及注释节点。

3. Attr 属性对象：表示一个Element节点的属性。可获取、添加、修改指定的属性。

4. Event 对象：表示事件发生时的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态等等。

 

1. Document 对象

Document 对象是文档树的根节点。

获取一个Document对象通常是通过窗口的document属性。

扩展阅读：https://developer.mozilla.org/en-US/docs/Web/API/document

1.1 静态属性

 readonly [] document.all ：获取一个包含HTML文档内的所有元素的数组。

 readonly [] document.anchors ：获取一个包含HTML文档内的所有anchor元素的数组。

 readonly body document.body ：获取HTML文档内的 body 元素。

 string document.charset ：设置或获取文档的字符编码。

 cookie document.cookie ：设置或获取当前HTML文档的cookie。

 string document.designMode ：设置文档是否可编辑。on：文档可编辑；off(默认)：文档不可编辑。

 readonly string document.domain ：获取当前HTML文档的域名。

 readonly [] document.forms ：获取一个包含HTML文档内的所有form元素的数组。

 readonly []  document.images ：获取一个包含HTML文档内的所有image元素的数组。

 readonly [] document.links ：获取一个包含HTML文档内的所有link元素的数组

 readonly string document.referrer ：获取载入本文档的来源URL。

 string document.title ：设置或获取HTML文档的标题。

 readonly string document.URL ：获取HTML文档的URL。

 

1.2 静态方法

 Attribute document.createAttribute(attrName) ：创建一个属性对象。eg：document.createAttribute('id'); // 创建一个id属性

 HTMLElement document.createElement(elementName) ：创建一个元素对象。eg：document.createElement('a'); // 创建一个a元素 

 HTMLElement document.createElementNS(namespaceURI,attrName) ：创建一个元素对象，并指定命名空间。eg：document.createElementNS("http://www.w3.org/1999/xhtml","a");

 EventType document.createEvent(eventType) ：创建一个指定的事件类型。

参数：
eventType {EventTyper} ：指定事件类型，如MouseEvent。

返回值：
{EventType} 返回所创建的事件类型。

示例：
var mouseEvent =  document.createEvent('MouseEvent'); // 创建一个鼠标事件

方法详解