元素获取的六种方式

元素获取的六种方式

1.根据id获取元素

var div = document.getElementById("box")

2.通过类名获取元素

var div = document.getElementByClassName("box")

伪数组：拥有数组的长度，但是不具有数组的特定方法

3.通过标签名获取元素

var div = document.getElementByTagName("div")

也是伪数组

4.通过name名获取元素

var div = document.getElementByName("box")

5.通过选择器的querySelector获取元素

querySlector():获取指定选择器的第一个元素，参数就是选择器的名称

var div = document.querySelector(".box")

6.通过选择器的querySelectorAll获取元素

querySlectorAll():获取指定选择器的所有元素，参数就是选择器的名称

var div = document.querySelectorAll(".box")