原生JS獲取HTML DOM元素的8種方法

2021-09-23 15:21:21 字數 1356 閱讀 1304

js獲取dom元素的方法(8種)

通過id獲取(getelementbyid)

通過name屬性(getelementsbyname)

通過標籤名(getelementsbytagname)

通過類名(getelementsbyclassname)

通過選擇器獲取乙個元素(queryselector)

通過選擇器獲取一組元素(queryselectorall)

獲取html的方法(document.documentelement) 

document.documentelement是專門獲取html這個標籤的

獲取body的方法(document.body) 

document.body是專門獲取body這個標籤的。

1.通過id獲取(getelementbyid)

document.getelementbyid('id')
2.通過name屬性(getelementsbyname)

document.getelementsbyname('name')
3.通過標籤名(getelementsbytagname)

var obj = document.getelementsbytagname('div');

for(let i = 0; i4.通過類名(getelementsbyclassname)

var obj1 = document.getelementsbyclassname('animated')

// console.log

1:div#login.login.animated.rubberband

2:div#reg.reg.animated.shake

3:div#kefu.kefu.animated.swing

4:div#loginstate.state.animated.bounce

5:div.loginstate.animated

6:div.regstate.animated

7:div.pop.animated

5.通過選擇器獲取乙個元素(queryselector)

document.queryselector('.animated')
6.通過選擇器獲取一組元素(queryselectorall)

document.queryselector('.animated')

原生JS獲取HTML DOM元素

通過id獲取 getelementbyid document.getelementbyid id 通過name屬性 getelementsbyname document.getelementsbyname name 通過標籤名 getelementsbytagname document.getele...

JS獲取HTML DOM元素的方法

一 js獲取dom元素的方法 8種 1 通過id獲取 getelementbyid 2 通過name屬性 getelementsbyname 3 通過標籤名 getelementsbytagname 4 通過類名 getelementsbyclassname 5 獲取html的方法 document...

JS獲取HTML DOM元素的方法

1.根據id獲取標籤元素 element.getelementbyid 元素id var box1 document.getelementbyid box1 獲取id為 box1 的元素 console.log box1 2.根據標籤名獲取標籤列表element.getelementsbytagna...