首页 > 编程知识 正文

js document.getelementbyclass,getelementsbyclassname修改某属性

时间:2023-05-05 08:35:16 阅读:201255 作者:4562


getElementsByClassName是HTML5新增的DOM API 在IE8以下是不支持的,很多时候需要自己写一个getByClassName()方法

需要两个参数,一个parentObj父元素,一个是className

首先获取parents下所有节点,然后用一个for循环逐个判断其className是否等于我们要get的className如果相等的话就push到result中。

具体代码如下:

function getByClassName(obj,cls){ var elements = obj.getElementsByTagName("*"); var result = []; for(var i=0;i<elements.length;i++){ if(elements[i].className==cls){ result.push(elements[i]); } } return result;}

其实这个方法还不是很完善,因为有的元素可能有不止一个className这个方法只适用于只含一个className的元素。

此文供个人记录和其他JS初学者学习 我叫掏粪 微博ID:我叫掏粪i

掏粪的独立博客:www.iimt.me

喜欢的朋友点个赞~

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。