文檔對象模型(Document Object Model萨蚕,簡稱DOM)靶草,是W3C組織推薦的處理可擴展標志語言的標準編程接口。在網(wǎng)頁上岳遥,組織頁面(或文檔)的對象被組織在一個樹形結(jié)構(gòu)中奕翔,用來表示文檔中對象的標準模型就稱為DOM。
HTML DOM 樹:
基本概念:
Node類型
DOM1級定義了一個Node接口浩蓉,該接口由DOM中所有節(jié)點類型實現(xiàn)派继。這個Node接口在JS中是作為Node類型實現(xiàn)的。在IE9以下版本無法訪問到這個類型捻艳,JS中所有節(jié)點都繼承自Node類型驾窟,都共享著相同的基本屬性和方法。
Element類型
Element提供了對元素標簽名认轨,子節(jié)點和特性的訪問绅络,我們常用HTML元素比如div,span嘁字,a等標簽就是element中的一種恩急。
Text類型
Text表示文本節(jié)點,它包含的是純文本內(nèi)容纪蜒,不能包含html代碼衷恭,但可以包含轉(zhuǎn)義后的html代碼。
Attr類型
Attr類型表示元素的特性纯续,相當于元素的attributes屬性中的節(jié)點随珠。
Comment類型
Comment表示HTML文檔中的注釋。
Document
Document表示文檔猬错,在瀏覽器中牙丽,document對象是HTMLDocument的一個實例,表示整個頁面兔魂,它同時也是window對象的一個屬性烤芦。
DocumentFragment類型
DocumentFragment是所有節(jié)點中唯一一個沒有對應標記的類型,它表示一種輕量級的文檔析校,可能當作一個臨時的倉庫用來保存可能會添加到文檔中的節(jié)點构罗。
上面介紹了幾種常見的Node類型铜涉,HTML中的節(jié)點并不只是包括元素節(jié)點,它還包括文本節(jié)點遂唧,注釋節(jié)點等等芙代。
Javascript操作DOM常用API總結(jié)
http://luopq.com/2015/11/30/javascript-dom/