getElementsByClassName的用法和js获取类

因为IE浏览器不支持getElementsByClassName,所以你要自己写一个方法得到类

但是火狐浏览器知道getElementsByClassName,可以直接的用

,

& lt; html>

& lt; head>

,,& lt; title> & lt;/title>

,,& lt;脚本type=" text/javascript在

,,,,窗口。onload=function () {

,,,,,,var tagName=getClass (" div "、" a1 ");

,,,,,,//因为返回的是包含多个元素的数组,所以要遍历一下

,,,,,,(var=0;我& lt;tagName.length;我+ +){,

,,,,,,,,tagName[我]。innerHTML="你好”;

,,,,,,}

,,,,,,

,,,,,,var tagName=getClass (" div "、“a2”);

,,,,,,(var=0;我& lt;tagName.length;我+ +){

,,,,,,,,tagName[我]。innerHTML=昂谩?

,,,,,,}

,,,,}

,,,,函数getClass (tagname className) {//tagname指元素,className指类的值

,,,,,//判断浏览器是否支持getElementsByClassName,如果支持就直接的用

,,,,,,如果(document.getElementsByClassName) {,,

,,,,,,,,返回getElementsByClassName(名称),

,,,,,,}

,,,,,,{,其他,//当浏览器不支持getElementsByClassName的时候用下面的方法

,,,,,,,,var tagname=document.getElementsByTagName_r (tagname);,//获取指定元素

,,,,,,,,var tagnameAll=[];,,//这个数组用于存储所有符合条件的元素

,,,,,,,,(var=0;我& lt;tagname.length;我+ +){,,//遍历获得的元素

,,,,,,,,,,如果(tagname[我]。className==className) {,,//如果获得的元素中的类的值等于指定的类名,就赋值给tagnameAll

,,,,,,,,,,,,tagnameAll [tagnameAll。长度]=tagname[我];

,,,,,,,,,,}

,,,,,,,,}

,,,,,,,,返回tagnameAll;

,,,,,,}

,,,,}

,,& lt;/script>

& lt;/head>

& lt; body>

& lt; div class=" a1 "祝辞& lt;/div>

& lt; div class=" a1 "祝辞& lt;/div>

& lt; div class=" a1 "祝辞& lt;/div>

& lt; div class=" a1 "祝辞& lt;/div>

& lt; div类=癮2”祝辞& lt;/div>

& lt; div类=癮2”祝辞& lt;/div>

& lt; div类=癮2”祝辞& lt;/div>

& lt; div类=癮2”祝辞& lt;/div>

& lt;/body>

& lt;/html>

我建议不要用上面的方法,用JQuery,可以省去很多的代码

getElementsByClassName的用法和js获取类