首頁 > web前端 > css教學 > 什麼是DOM對象? DOM物件簡介

什麼是DOM對象? DOM物件簡介

云罗郡主
發布: 2018-11-05 14:04:58
原創
19035 人瀏覽過

這篇文章帶給大家的內容是關於什麼事DOM對象? DOM物件簡介,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

什麼是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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板