解决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");

你可能感兴趣的:(js)