js 如何根据class获取对象

Posted 2023-03-09

for(var i=0;i<obj.length;i++)if(obj[i].className == 'a')//找出span标记中class=a的那个标记var getObj = obj[i];value = getObj.innerhtml;//获得他的innerHTML//或者通过Jquery,ext,等JS插件来处理也可以。。。 参考技术A 我给你总结一下啊，因为class是类，所以呢，js中在通过class查找对象时，查找用的代码是：
document.getElementsByClassName
但是，这里有个细节，elements他找到的是一个集合，哪怕你的网页中class名字是唯一的，也是用数组进行存放的。就是说，如果你想通过class去找对象，要标明索引，浏览器才能识别出来。举个例子：
比如你有一个盒子：<div class="test"></div>
你要在JS中拿到这个盒子对象，那么你就要这样写：
var dom=document.getElementsByClassName("test")[0];
这句话的意思就是要先找到所有的classname是test的数组，然后取索引为0的元素
你听懂了吗？
当然你也可以用更为原始的办法
比如，通过getElementByTagName("*")找到所有元素，然后用一个for循环，判断.className==你想要的class对象进行筛选，用数组装起来，同样，你要调取单个的对象也要用数组加索引来调取这个元素，这样的代码网上很多，比如：这个网页所描述的代码
js通过class来获取DOM对象 - playerlife - 博客园 (cnblogs.com)