现在的位置: 网页制作教程网站制作教程 >正文
JavaScript脚本

getElementsByClassName在IE浏览器不起作用的解决办法

发表于2016/11/29 网站制作教程 0条评论 ⁄ 热度 746℃

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>
  • 暂无评论