Linux 拨号vps windows公众号手机端

javascript如何获取指定class属性名的元素

lewis 6年前 (2019-03-23) 阅读数 10 #程序编程
文章标签 JavaScript

javascript中获取指定class属性名元素的方法:可以使用“getElementsByClassName”方法获取指定class属性名的元素;语法格式为:“document.getElementsByClassName('demo') ”,这里“demo”指的是class属性名;需要在HTML中通过script标签添加javascript代码来实现获取指定class属性名元素。

具体内容如下:

getElementsByClassName

除了通过指定标签获取元素外,DOM还提供了getElementsByClassName方法来获取指定class名的元素。不过由于该方法比较新,较老的浏览器还不支持,比如IE6。不过我们可以通过hack方式来弥补老浏览器缺陷。该方法调用的方式如下所示:

document.getElementsByClassName('demo')//demo为元素指定的class名

和getElementsByTagname一样, 该方法除了能被document对象调用之外,还可以被普通的元素调用。

对于比较老的浏览器,比如IE6、7我们可以通过下面的hack方式来实现:

functiongetElementsByClassName(node,classname){

if(node.getElementsByClassName){

returnnode.getElementsByClassName(classname);

}else{

varresults=[];

varelems=node.getElementsByTagName("*");

for(vari=0;i<elems.length;i++){

if(elems[i].className.indexOf(classname)!=-1){

results[results.length]=elems[i];

}

}

returnresults;

}

}

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门