javascript中怎么获取指定class属性名的元素

javascript中怎么获取指定class属性名的元素

本篇内容主要讲解“javascript中怎么获取指定class属性名的元素”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“javascript中怎么获取指定class属性名的元素”吧!

getElementsByClassName

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

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

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

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

function getElementsByClassName(node,classname){          if(node.getElementsByClassName) {              return node.getElementsByClassName(classname);          }else {              var results = [];              var elems = node.getElementsByTagName("*");              for(var i = 0; i < elems.length; i++){                  if(elems[i].className.indexOf(classname) != -1){                      results[results.length] = elems[i];                  }              }              return results;          }      }

到此，相信大家对“javascript中怎么获取指定class属性名的元素”有了更深的了解，不妨来实际操作一番吧！这里是高防服务器网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。

[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[