你的位置:首页 > Java教程

[Java教程]javascript如何获取具有指定class属性的元素对象


javascript如何获取具有指定class属性的元素对象:
在页面中我们常用class设置元素的样式,如果可以通过class属性值获取相关对象那将是一件非常便利的事情,幸运的是javascript提供了这样的函数getElementsByClassName()可以实现此功能,不幸的是,此函数具有极大的浏览器兼容性,下面提供一段能够兼容所有主流浏览器的代码供大家参考之用,希望能够有所帮助。代码如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>getElementsByClassName()用法详解-蚂蚁部落</title><script type="text/javascript">var getElementsByClass=function(searchClass,node,tag){ var classElements=new Array(); if(node==null){  node=document; } if(tag==null){  tag='*'; } var els=node.getElementsByTagName(tag); var elsLen=els.length; var pattern=new RegExp("(^|\\s)"+searchClass+"(\\s|$)"); for(i=0,j=0;i<elsLen;i++){  if(pattern.test(els[i].className)){  classElements[j]=els[i];  j++;  } } return classElements;}window.onload=function(){ getElementsByClass("haha")[0].style.color="#F00";}</script></head><body> <div class="mytest haha">大家好</div></body></html>

以上代码实现了我们的要求,可以获得具有指定class属性值的对象集合。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8232

更多内容可以参阅:http://www.softwhy.com/javascript/