getElementsByClassName方法可查找带有相同类名的所有HTML元素。
chrome和Firefox浏览器现在都支持getElementsByClassName方法。
但IE浏览器目前不支持getElementsByClassName方法，所以在ie中是不起作用的。我们不能要求用户使用什么样的浏览器，只能通过技术方法解决ie不支持getElementsByClassName的问题。
为此编写了以下代码：
<html>
<body>
<div class="ccc"></div>
<i class="aaa"></i>
<i class="ccc"></i>
<script type="text/javascript">
if(!document.getElementsByClassName)//判断浏览器是否支持这个方法
{
document.getElementsByClassName=function(cname){
var selected=new Array();
var alltag=document.getElementsByTagName("*");//获取所有标签
for(var i=0;i<alltag.length;i++)
{
var t=alltag[i];
alert(t.className);
if(t.className==cname) //比较标签的class与所要查找的class是否相同
{
selected.push(t); //将相同的存入数组
}
}
return selected;
}
}
alert(document.getElementsByClassName("ccc").length); //演示：查找css类名为"ccc"的标签个数
</script>
</body>
</html>
声明:如需转载，请注明来源于www.webym.net并保留原文链接：http://www.webym.net/jiaocheng/281.html
