js用名称查找元素，js查找函数

js通过元素class名字获取元素集合的具体实现

document.querySelector：获取首个（单个）符合条件元素 document.querySelector(.name)； //获取页面上首个class属性中包含name的元素。

思路：根据标签名称获取所有span对象，然后根据类名筛选出目标对象，最后使用 innerHTML 属性获取文本。

要想获取一个元素，有两种方式：一种是根据元素的类名（class属性值），另一种是根据元素的ID。

length；i++){if(obj[i].className == a)//找出span标记中class=a的那个标记{var getObj = obj[i]；value = getObj.innerHTML；//获得他的innerHTML}}//或者通过Jquery，ext，等JS插件来处理也可以。。

通过元素的ID去拿元素，获取的是一个指定的元素（getElementById）。通过元素的类名（class名）获取元素，获取的是一组元素集合（getElementsByClassName）。

HTML DOM3提供了getElementsByClassName()方法用以根据类名获取元素，但是IE9以下浏览器并不支持。考虑兼容性，可以采用如下思路：获取元素，判断className属性是否为目标类名，是的话即添加onclick事件。

相关问答

Q1: 为什么原生JS可以直接使用ID名称来获取元素

什么叫“为什么原生JS可以直接使用ID名称来获取元素”。本来原生就是可以直接使用ID名称获取，ES就是有这个方法，就是这样定义……反而如果你说jQuery自己有个方法：$.getElementById。

因为id是具有唯一性的，就好比身份证号码，一个id只能代表一个子元素，所以用 getElementById 方法可以立刻找到指定的子元素。

原生JS通过id和class获取元素是用，document.getElementById(IDname)，document.getElementsByClassName(ClassName)；兼容性：ID兼容，class 不兼容IE6，7，8 数量： 通过ID只能获取一个dom元素，通过class可以获取一组元素。

NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。提示： 可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取你需要的那个元素。

js有教程说明的，ifrome只不过是DOM对象；可以由js对其对象属性进行操作的。

Q2: 源生JS通过class类名选择元素的问题。

1、Document.getElementsByClassName()返回一个类似数组的对象，包含了所有指定 class 名称的子元素。

2、document.querySelector：获取首个（单个）符合条件元素 document.querySelector(.name)； //获取页面上首个class属性中包含name的元素。

3、使用document.getElementsByClassName（’class‘）获取标签，使用innerText获取元素内的数据内容。

js用名称查找元素的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js查找函数、js用名称查找元素的信息别忘了在本站进行查找喔。