js 获取dom元素的八种方法

271 阅读1分钟

普通的6种

1.通过ID获取(getElementById)

2.通过name属性(getElementsByName)

3.通过标签名(getElementsByTagName)

4.通过类名(getElementsByClassName)

5.获取html的方法(document.documentElement)

6.获取body的方法(document.body)

特别的2种

1.通过css选择器获取一个元素(querySelector) 例:获取文档中 id=”demo” 的元素: document.querySelector("#demo");

注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用querySelectorAll() 方法替代。

通过选择器获取一组元素(querySelectorAll)

使用方式和querySelector() 方法一样,只是可以获取css选择器匹配的所有元素