DOM 是網頁中用來表示文檔中對象的標準模型，他是由節點和對象組成的結構集合。在瀏覽器解析 HTML 標簽時，會構建一個 DOM 樹結構。

由此呢 js 也提供了一些 dom 的操作

一、dom 元素獲取

1.document.getElementById(id 的值)? 通過 id 來獲取元素的對象，返回值是一個對象

2.document.getElementsByName(name)? 通過 name 屬性來獲取對象的,返回值是一個數組，與 getElementById()方法類似，但他是查詢的 name 元素，而不是 id 屬性

3.document.getElementsByTagName()? 通過標簽來獲取元素的對象, 返回值是一個數組

4.document.getElementsByClassName()? 通過 class 類名來獲取的對象,返回值是一個數組

5.document.querySelector()?css 選擇器，返回與該模式匹配的第一個元素，結果為一個元素；如果沒找到匹配的元素，則返回 null

6.document.querySelectorAll()?css 選擇器，返回與該模式匹配的所有元素，結果為一個類數組

二、dom 操作

1. 創建：新的標簽(元素節點) = document.createElement("標簽名")

2. 刪除：父節點.removeChild(子節點);

3. 插入：insertBefore(新插入的節點，參照物節點) 往某個節點的前面插入一個新的節點

4. 追加：appendChild(新的節點的名) 當前對象追加一個子節點

總結

以上是生活随笔為你收集整理的dom 操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。