class="box1">class="box1">js:function getElementsByClassName(node,classname){//创建一个函。解决getElementsByClassName不兼容IE8。" />

解决getElementsByClassName不兼容IE8

【解决getElementsByClassName不兼容IE8】最近在看JavascriptDom编程艺术这本书, 发现这个方法,记录一下

html: class="box"> class="box1"> class="box1">js: function getElementsByClassName(node,classname){//创建一个函数 if(node.getElementsByClassName){//如果浏览器支持getElementsByClassName return node.getElementsByClassName(classname); //直接使用getElementsByClassName }else{//不支持的话自己创建一个吧 var result = []; //创建一个数组 var chind = node.getElementsByTagName(*); //获取node下面的所以子元素 for(var i = 0; i < chind.length; i++){//循环 if(chind[i].className.indexOf(classname) != -1){ // 如果循环出来的子元素的class存在的话indexOf是判断class是否存在, 存在返回该元素的下标,不存在返回-1 result[result.length] = chind[i]; //然后把存在class的放到一个数组里去 } } return result; //返回这个数组 } } //这个函数的使用方式: var box = document.getElementsByTagName("div"); var box1 = getElementsByClassName(box,"box1");

    推荐阅读