html dom是什麼

一、DOM介紹

1、DOM簡介

DOM是指文檔物件模型，它是專門適用於HTML/XHTML的文檔對象模型。如果你是軟體開發人員，那麼你可以將它理解為網頁的API。 DOM將網頁中的各個元素都看作一個對象，使網頁中的元素也可以被電腦語言取得或編輯，如javascript可以利用DOM動態地修改網頁。

1.2、依操作物件對DOM分類

依照操作物件的不同，可分為Core DOM、XML DOM 和 HTML DOM。

Core Dom：核心Dom，針對任何結構化文件的標準模型。

XML DOM：用於XML文件的標準模型，對XML元素進行操作。

HTML DOM： 用於HTML文件的標準模型，對HTML元素進行操作。

1.3、DOM功能

① 查詢某個元素

② 查詢某個元素的祖先、兄弟以及後代元素

③ 取得、修改元素的屬性

④ 取得、修改元素的內容

⑤ 建立、插入和刪除元素

#二、DOM節點

文件中的所有內容都可表示為一個節點(node)，如：HTML裡整個文​​件、每個標籤、每個標籤的屬性和文字都可作為一個節點。

2.1、節點分類

① 文檔節點(Document)：整個XML、HTML文件

② 元素節點(Element)：每個XML、HTML元素

③ 屬性節點(Attr)：每個XML、HTML元素的屬性

④ 文字節點(Text)：每個XML、HTML元素內的文字

#⑤ 註解節點( Comment)：每個註解

注意：這裡的Document節點為總稱，具體可分為XMLDocument和HTMLDocument，同理Element也可分為XMLElement和HTMLElement。

2.2、HTML DOM節點層次

節點彼此都有等級關係：父節點、兄弟節點、子節點等等。

（1）範例：

HTML文件轉換為HTML DOM節點樹

（2）範例圖分析

1)

元素與元素的父節點為元素。

2)

元素和元素為兄弟節點。

3)

以上是html dom是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！