getElementsByClassName
- 一、方法封装
一、方法封装
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;
}
推荐阅读
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- JS/JavaScript|JS/JavaScript CRC8多项式 16进制