什麼是DOM對象？ DOM物件簡介
- 云罗郡主原創
- 2018-11-05 14:04:5819024瀏覽
這篇文章帶給大家的內容是關於什麼事DOM對象？ DOM物件簡介，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
一、DOM物件
#DOM，全名為“Document Object Model（文檔物件模型）”，它是由W3C組織定義的一個標準。
在前端開發時，我們往往需要在頁面某個地方新增一個元素或刪除元素，這種新增元素、刪除元素的操作就是透過DOM來實現的。
說穿了，DOM就是一個接口，我們可以透過DOM來操作頁面中各種元素，例如添加元素、刪除元素、替換元素等。這下大家就懂了吧。記住，DOM就是文件物件模型，文件物件模型就是DOM，很多人在學習DOM的時候看到「文件物件模型」還不知道是什麼？
二、DOM結構
DOM採用樹狀結構作為分層結構，以樹節點表示頁面中各種元素或內容。
範例：
<html>
<head>
<title><title>
<body>
<h1>php中文网</h1>
<p>php中文网成立.....</p>
</body>
</html>在DOM中，每一個元素看成一個節點，而每個節點就是一個「物件」。也就是我們在操作元素時，把每一個元素節點看成一個對象，然後使用這個對象的屬性和方法來進行相關操作。 （這句話對理解DOM操作太重要了）。
下面我們介紹幾個關於節點的概念。
1、根節點
在HTML文件中，html就是根節點。
2、父節點
一個節點之上的節點就是該節點的父節點，例如h1的父節點就是body，body的父節點就是html。
3、子節點
一個節點之下的節點就是該節點的子節點，例如h1就是body的子節點。
4、兄弟節點
如果多個節點在同一層次，並且擁有相同的父節點，那麼這幾個節點就是兄弟節點。
例如h1和p就是兄弟節點，因為他們擁有相同的父節點body。
以上就是對什麼是DOM物件？ DOM物件簡介的全部介紹，如果您想了解更多有關CSS3教程，請關注PHP中文網。
以上是什麼是DOM對象？ DOM物件簡介的詳細內容。更多資訊請關注PHP中文網其他相關文章！