摘要：一類型在中，所有的節點類型都繼承自類型。包含文檔中所有帶特性的元素包含文檔中所有的元素包含文檔中所有的元素包含文檔中所有帶特性的元素一致性檢測因為分為多個級別，也包含多個部分，因此檢測瀏覽器實現了的哪些部分就十分必要。

DOM是針對HTML和XML文檔的一個API
DOM描繪了一個層次化的節點樹，允許開發人員輕松自如地添加、刪除、替換、修改頁面的某一部分

一、節點層次

DOM將HTML文檔描繪成一個層次化的節點樹，HTML文檔中的任何內容都可以通過樹中的一個節點來表示：

HTML元素表示成元素節點

HTML屬性表示成屬性節點

注釋表示成注釋節點
......

DOM中共有12種節點類型。

（一） Node類型

在javascript中，所有的節點類型都繼承自Node類型。Node類型定義了節點類型的一些基本屬性和方法，這些屬性和方法被所有的節點共享。

1、基本屬性

（1）nodeType：表明節點的類型

元素節點.nodeType = 1

文本節點.nodeType = 3

（2）nodeName：節點的名稱

元素節點.nodeName = 元素的標簽名（大寫）

（3）nodeValue：節點的值

元素節點.nodeValue = null

2、節點關系

文檔中所有的節點之間存在著各種關系，節點間的關系可以用傳統的家族關系來描述。
（1）childNodes屬性

作用：返回節點的所有子節點，這些子節點組成NodeList對象（NodeList對象并不是Array實例）

語法：someNode.childNode

訪問保存在NodeList對象中的子節點

someNode.childNodes[0];

someNode.childNodes.item(0)

（2）parentNode屬性

作用：指向文檔樹中的父節點

包含在childNodes列表中的所有節點都有相同的父節點

（3）firstChild、lastChild屬性

分別指向childNodes列表中的第一個和最后一個節點

（4）previousSibling、nextSibling屬性

（5）ownerDocument屬性

該屬性指向整個文檔的文檔節點

（6）hasChildNodes()方法

當節點包含一個或多個子節點時返回true

3、操作節點

DOM提供了一些操作節點的方法：

（1）添加節點

appendChild()：向NodeList列表的末尾添加一個節點，并返回新增的節點

insertBefore(newNode,參照節點)：向參照節點的前面插入newNode，并返回新節點

（2）替換節點

replaceChild(新節點，要替換的節點)：要替換的節點被新節點替換，并被方法返回

（3）刪除節點

removeChild(要刪除的節點)：刪除要刪除的節點，并返回要刪除的節點

注意：上述四個方法操作的是某個節點的子節點，即這四個方法均需要先取得父節點（parentNode）

4、其他方法

（1）cloneNode(true/false)

作用：復制調用該方法的節點

參數為true時：執行深復制，即復制節點及其整個子節點樹

參數為false時：執行淺復制，即只復制該節點本身

復制后的節點及其子節點屬于文檔，但是它沒用父節點

（2）normalize()

作用：處理文檔樹中的文本節點，該方法會刪除空文本節點/或者將相鄰的文本節點合并為一個文本節點

（二） Document類型

Document類型可以表示HTML頁面或者其他基于XML的文檔，其中最常見的是作為HTMLDocument 實例的document對象，該對象表示整個HTML頁面。Document節點具有下列特征：

nodeType = 9

nodeName = "#document"

nodeValue = null

parentNode = null

ownerDocument = null

1.文檔的子節點

DOM規定Document節點的子節點可以是以下幾種：
（1）DocumentType

通常標簽看成一個與文檔其他部分不同的實體，可以通過doctype屬性訪問該標簽

語法：var doctype = document.doctype

因為不同的瀏覽器對該屬性的支持差別很大，所以該屬性的用處不大

（2）Element
有兩個內置屬性可以快速地訪問Document節點的子節點：

documentElement：訪問文檔的元素 //var html = document.documentElement

body:訪問元素 //var body = document.body

（3）Comment

按照定義，出現在元素外部的注釋應該算是文檔的子節點，然而不同的瀏覽器對這些外部注釋的解析不同，故通常不在元素外部使用注釋。

（4）ProcessingInstruction

2、文檔信息

document對象作為HTMLDocument的一個實例，還有幾個標準Document對象沒有的屬性：

title：獲取