getElementsByClassName()的兼容问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>
以上是关于getElementsByClassName()的兼容问题的主要内容,如果未能解决你的问题,请参考以下文章
IE浏览器下getElementsByClassName()属性的使用
兼容性比较好的getElementsByClassName函数
尝试 GetElementsByClassName [关闭]