1.按id查找
document.getElementById();
支持:所有主流浏览器
2.按标签名查找
document.getElementsByTagName();//标签名;Elements加了S,选出来是类数组;
支持:所有主流浏览器
3.按name属性查找
document.getElementsByName();//name属性,部分标签可以;Elements加了S,选出来是类数组;
支持:所有主流浏览器
4.按class属性查找
document.getElementsByClassName();//class;Elements加了S,选出来是类数组;IE9以下不支持;
支持: IE9+
5.1 按选择器选择(返回文档中匹配指定选择器的一个元素)
document.querySelector();
支持: IE8+
5.2 按选择器选择(返回返回所有的元素)
document.querySelectorAll()
支持: IE8+
5.3 选择器参数(CSS选择器:https://www.runoob.com/cssref/css-selectors.html)
参数 | 类型 | 描述 |
CSS 选择器 | String | 必须。指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。 对于多个选择器,使用逗号隔开,返回一个匹配的元素。 |