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

什么是DOM和節(jié)點(diǎn)

1、 DOM由節(jié)點(diǎn)（標(biāo)簽）組成
2、DOM是一個(gè)樹(shù)狀模型
3、節(jié)點(diǎn)都是object類(lèi)型，都是內(nèi)置對(duì)象
a）每個(gè)HTML標(biāo)簽都是一個(gè)元素節(jié)點(diǎn)
b) 標(biāo)簽中的文章是文字節(jié)點(diǎn)
c）標(biāo)簽的屬性是屬性節(jié)點(diǎn)
4、DOM操作就是操作節(jié)點(diǎn)

DOM節(jié)點(diǎn)的獲取方法（獲取的都是標(biāo)簽元素）

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

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

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

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

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

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

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

總結(jié)

以上是生活随笔為你收集整理的什么是dom的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。