欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js 获取dom元素的八种方法介绍

程序员文章站 2022-03-30 16:35:29
普通的6种 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通...

普通的6种

通过ID获取(getElementById)

通过name属性(getElementsByName)

通过标签名(getElementsByTagName)

通过类名(getElementsByClassName)

获取html的方法(document.documentElement)

获取body的方法(document.body)

特别的2种

通过css选择器获取一个元素(querySelector)

例:获取文档中 id=”demo” 的元素:

document.querySelector("#demo");

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

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

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