文檔物件模型(DOM)
DOM的官方定義
#DOM ， Document Object Model ，文件物件模型。我們可以把網(wǎng)頁中的所有「東西」看成是「物件」。
DOM是W3C所製定的網(wǎng)頁標(biāo)準(zhǔn)或規(guī)則，而這個標(biāo)準(zhǔn)，在瀏覽器中，以「物件」的形式得以實現(xiàn)。
DOM的官方定義：DOM可以讓腳本，動態(tài)的存取或操作，網(wǎng)頁的內(nèi)容、網(wǎng)頁外觀、網(wǎng)頁結(jié)構(gòu)。
#DOM的分類
#核心DOM：提供了同時操作HTML文件和XML文件的公共的屬性和方法。
HTML DOM：針對HTML文件提供的專用的屬性方法。
XML DOM：針對XML文件提供的專用的屬性和方法。
CSS DOM：提供了操作CSS的屬性和方法。
Event DOM：事件物件模型。如：onclick、 onload等。
#HTML節(jié)點樹
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> </head> <body > <!-- 在HTML中，稱為“標(biāo)簽” 在DOM中，稱為“節(jié)點” 在JS中，稱為“對象” --> <table> <tr> <td>北京市</td> <td>上海市</td> <td>深圳市</td> </tr> </table> </body> </html>
節(jié)點關(guān)係
- ##根節(jié)點，一個HTML文件只有一個根，它就是HTML節(jié)點。
- 子節(jié)點：某一個節(jié)點的下級節(jié)點。
- 父節(jié)點：某一個節(jié)點的上級節(jié)點。
- 兄弟節(jié)點：兩個子節(jié)點同屬於一個父節(jié)點。
#DOM中節(jié)點類型
- ##document文件節(jié)點，代表整個網(wǎng)頁，不代表任何HTML標(biāo)記。但它是html節(jié)點的父節(jié)點。
- element元素節(jié)點，指任何HTML標(biāo)記。每一個HTML標(biāo)記就稱為一個「元素節(jié)點」。它可以有文字節(jié)點和屬性節(jié)點。
- attribute屬性節(jié)點。指HTML標(biāo)記的屬性。
- text節(jié)點。是節(jié)點樹的最底節(jié)點。
