摘要：一類型在中，所有的節(jié)點(diǎn)類型都繼承自類型。包含文檔中所有帶特性的元素包含文檔中所有的元素包含文檔中所有的元素包含文檔中所有帶特性的元素一致性檢測(cè)因?yàn)榉譃槎鄠€(gè)級(jí)別，也包含多個(gè)部分，因此檢測(cè)瀏覽器實(shí)現(xiàn)了的哪些部分就十分必要。

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

一、節(jié)點(diǎn)層次

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

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

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

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

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

（一） Node類型

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

1、基本屬性

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

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

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

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

元素節(jié)點(diǎn).nodeName = 元素的標(biāo)簽名（大寫）

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

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

2、節(jié)點(diǎn)關(guān)系

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

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

語(yǔ)法：someNode.childNode

訪問(wèn)保存在NodeList對(duì)象中的子節(jié)點(diǎn)

someNode.childNodes[0];

someNode.childNodes.item(0)

（2）parentNode屬性

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

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

（3）firstChild、lastChild屬性

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

（4）previousSibling、nextSibling屬性

（5）ownerDocument屬性

該屬性指向整個(gè)文檔的文檔節(jié)點(diǎn)

（6）hasChildNodes()方法

當(dāng)節(jié)點(diǎn)包含一個(gè)或多個(gè)子節(jié)點(diǎn)時(shí)返回true

3、操作節(jié)點(diǎn)

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

（1）添加節(jié)點(diǎn)

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

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

（2）替換節(jié)點(diǎn)

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

（3）刪除節(jié)點(diǎn)

removeChild(要?jiǎng)h除的節(jié)點(diǎn))：刪除要?jiǎng)h除的節(jié)點(diǎn)，并返回要?jiǎng)h除的節(jié)點(diǎn)

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

4、其他方法

（1）cloneNode(true/false)

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

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

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

復(fù)制后的節(jié)點(diǎn)及其子節(jié)點(diǎn)屬于文檔，但是它沒(méi)用父節(jié)點(diǎn)

（2）normalize()

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

（二） Document類型

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

nodeType = 9

nodeName = "#document"

nodeValue = null

parentNode = null

ownerDocument = null

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

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

通常標(biāo)簽看成一個(gè)與文檔其他部分不同的實(shí)體，可以通過(guò)doctype屬性訪問(wèn)該標(biāo)簽

語(yǔ)法：var doctype = document.doctype

因?yàn)椴煌臑g覽器對(duì)該屬性的支持差別很大，所以該屬性的用處不大

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

documentElement：訪問(wèn)文檔的元素 //var html = document.documentElement

body:訪問(wèn)元素 //var body = document.body

（3）Comment

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

（4）ProcessingInstruction

2、文檔信息

document對(duì)象作為HTMLDocument的一個(gè)實(shí)例，還有幾個(gè)標(biāo)準(zhǔn)Document對(duì)象沒(méi)有的屬性：

title：獲取