JS获取DOM元素的八种方法(含代码,简单易懂)

让我为大家介绍一下获取DOM元素的方法吧！

1.document.getElementsByClassName(“元素类名”)[下标]

通过class类名获取元素，返回一个伪数组，不能使用数组操作方法

2.document.getElementById(“元素id名”)

通过元素id获取元素

3.document.getElementsByTagName(“元素标签名”)[下标]

通过元素标签名获取元素，返回一个伪数组，不能使用数组操作方法

4.document.getElementsByName(“元素name属性名”)[下标]

通过元素name属性名获取元素，返回一个伪数组，不能使用数组操作方法

5.document.querySelector(“css选择器”)

通过css选择器获取元素

6.document.querySelectorAll(“css选择器”)[下标]

通过css选择器获取元素，返回一个伪数组，不能使用数组操作方法

七、document.body

获取body标签

// 获取body标签

var body = document.body

console.log(body);

八、document.documentElement

获取整个html标签

// 获取html

var html = document.documentElement

console.log(html)

感谢各位阅读，如有什么错误的地方，可以向我指出，谢谢大家！