JavaScript的学习|js封装获取节点class类名方法封装|dom|class|方法|js

getElementsByClassName

一、方法封装

【JavaScript的学习|js封装获取节点class类名方法】
一、方法封装

Element.prototype.getElementsByClassName = Document.prototype.getElementsByClassName = function(name){ var allDomArray = document.getElementsByTagName('*'); //获取所有标签名 var lastDomArray = []; //声明数组保存符合条件的类名 function trimSpace(strClass){ var reg = /\s+/g; //匹配空格 var newStrClass = strClass.replace(reg,' '); //将类名规范化 return newStrClass; } for(var i = 0; i < allDomArray.length; i ++){//循环所有标签名 var lastStrClass = trimSpace(allDomArray[i].className).trim(); //将类名规范化 var classArray= lastStrClass.split(' '); //提取类名 for(var j = 0; j < classArray.length; j ++){ if(classArray[j] == name){ lastDomArray.push(allDomArray[i]); //符合条件的类名所在标签保存 break; } } } return lastDomArray; }