DOM概述
html加載完畢，渲染引擎會在內存中吧html文檔生成一個DOM樹，
getElementById是獲取DOM上的元素，然后操作的時候修改的該元素的屬性

什么是DOM和節點

1、 DOM由節點（標簽）組成
2、DOM是一個樹狀模型
3、節點都是object類型，都是內置對象
a）每個HTML標簽都是一個元素節點
b) 標簽中的文章是文字節點
c）標簽的屬性是屬性節點
4、DOM操作就是操作節點

DOM節點的獲取方法（獲取的都是標簽元素）

1、id獲取
document.getElementById( " " )
返回值是標簽

2、標簽名獲取
dcoument.getElementsByagName( " " )
返回一個標簽偽數組
dcoument.getElementsByagName( '' a“ )[ 0 ]獲取第一個標簽名a的元素

3、類名獲取(不常用，H5新加的 ie67不支持)
document.geElementsByClassName( " " )
返回一個標簽偽數組
如果沒有獲取到，返回空數組
document.geElementsByClassName( " a" )[ 0 ]獲取第一個類名是a的元素

4、標簽 Name屬性獲取
<div name="aaa">
document.geElementsByName( '' “ )

5、標簽的命名空間獲取
docuemnt.geElementsByTegNameaNS()

6、標簽屬性獲取getAttributeNode
docuemnt.getAttributeNode()

var box=document.getElementById("box")
var box1=box.getAttributeNode("id")
console.log(box1)

總結

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

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