其他分享
首页 > 其他分享> > JS获取DOM元素的方法(8种)

JS获取DOM元素的方法(8种)

作者:互联网

原文地址:https://www.cnblogs.com/web-record/p/10131782.html

JS获取DOM元素的方法(8种)

1.通过ID获取(getElementById)

document.getElementById('id')

2.通过name属性(getElementsByName)

document.getElementsByName('name')

3.通过标签名(getElementsByTagName)

复制代码
var obj = document.getElementsByTagName('div');
for(let i = 0; i<obj.length; i++){
        obj[i].onclick = function(e){
            console.log(i)
        }
    }
复制代码

4.通过类名(getElementsByClassName

复制代码
var obj1 = document.getElementsByClassName('animated')
// console.log
0:div.app.animated
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')

 

标签:document,DOM,元素,JS,获取,div,animated,选择器
来源: https://www.cnblogs.com/hjc-12580/p/11345413.html