javascript dom查找元素常用方法

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, 类, 类型, 属性, 属性值等来选取元素。 对于多个选择器，使用逗号隔开，返回一个匹配的元素。