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

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

一、節(jié)點層次

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

HTML元素表示成元素節(jié)點

HTML屬性表示成屬性節(jié)點

注釋表示成注釋節(jié)點
......

DOM中共有12種節(jié)點類型。

（一） Node類型

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

1、基本屬性

（1）nodeType：表明節(jié)點的類型

元素節(jié)點.nodeType = 1

文本節(jié)點.nodeType = 3

（2）nodeName：節(jié)點的名稱

元素節(jié)點.nodeName = 元素的標簽名（大寫）

（3）nodeValue：節(jié)點的值

元素節(jié)點.nodeValue = null

2、節(jié)點關系

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

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

語法：someNode.childNode

訪問保存在NodeList對象中的子節(jié)點

someNode.childNodes[0];

someNode.childNodes.item(0)

（2）parentNode屬性

作用：指向文檔樹中的父節(jié)點

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

（3）firstChild、lastChild屬性

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

（4）previousSibling、nextSibling屬性

（5）ownerDocument屬性

該屬性指向整個文檔的文檔節(jié)點

（6）hasChildNodes()方法

當節(jié)點包含一個或多個子節(jié)點時返回true

3、操作節(jié)點

DOM提供了一些操作節(jié)點的方法：

（1）添加節(jié)點

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

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

（2）替換節(jié)點

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

（3）刪除節(jié)點

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

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

4、其他方法

（1）cloneNode(true/false)

作用：復制調(diào)用該方法的節(jié)點

參數(shù)為true時：執(zhí)行深復制，即復制節(jié)點及其整個子節(jié)點樹

參數(shù)為false時：執(zhí)行淺復制，即只復制該節(jié)點本身

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

（2）normalize()

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

（二） Document類型

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

nodeType = 9

nodeName = "#document"

nodeValue = null

parentNode = null

ownerDocument = null

1.文檔的子節(jié)點

DOM規(guī)定Document節(jié)點的子節(jié)點可以是以下幾種：
（1）DocumentType

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

語法：var doctype = document.doctype

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

（2）Element
有兩個內(nèi)置屬性可以快速地訪問Document節(jié)點的子節(jié)點：

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

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

（3）Comment

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

（4）ProcessingInstruction

2、文檔信息

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

title：獲取