代码描述:javascript 指定class属性 元素对象。javascript获取指定class属性元素对象
在页面中我们常用class设置元素的样式,如果可以通过class属性值获取相关对象那将是一件非常便利的事情,幸运的是javascript提供了这样的函数getElementsByClassName()可以实现此功能,不幸的是,此函数具有极大的浏览器兼容性,下面提供一段能够兼容所有主流浏览器的代码供大家参考之用,希望能够有所帮助。代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <title>getElementsByClassName()用法详解-51前端</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>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能