
JavaScript-手写实现getElementsByClassName功能方法
发布日期:2021-05-07 01:26:41
浏览次数:24
分类:原创文章
本文共 955 字,大约阅读时间需要 3 分钟。
参数为String类型,指定类名
Document.prototype.getByClassName = function ( className ){ var ansArr = []; var allClass = document.getElementsByTagName('*'); //得到所有的DOM标签元素 返回的是类数组 var allDomArr = Array.prototype.slice.call(allClass,0); //通过改变this指向,变成数组 // 去掉DOM元素中className多余空格 function dealClass(dom) { var reg = /\s+/g; var arrClassName = dom.className.replace(reg,' ').trim(); return arrClassName; //返回的是字符串 } allDomArr.forEach( function (ele,index){ var allitemarr = dealClass(ele).split(' '); // 字符串中split 以空格拆分成数组 for(var i = 0; i < allitemarr.length; i++){ if(allitemarr[i] == className){ ansArr.push(ele); break; } } }); return ansArr; }
发表评论
最新留言
哈哈,博客排版真的漂亮呢~
[***.90.31.176]2025年04月17日 09时13分55秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
软中断和实时性
2021-05-09
Linux探测工具BCC(可观测性)
2021-05-09
SNMP介绍及使用,超有用,建议收藏!
2021-05-09
HDU5589:Tree(莫队+01字典树)
2021-05-09
不停机替换线上代码? 你没听错,Arthas它能做到
2021-05-09
Python开发之序列化与反序列化:pickle、json模块使用详解
2021-05-09
采坑 - 字符串的 "" 与 pd.isnull()
2021-05-09
无序列表 - 链表
2021-05-09
Matplotlib绘制漫威英雄战力图,带你飞起来!
2021-05-09
机器学习是什么
2021-05-09
《小王子》里一些后知后觉的道理
2021-05-09
《你当像鸟飞往你的山》总结
2021-05-09
《我是猫》总结
2021-05-09
《抗糖化书》总结
2021-05-09
apache虚拟主机配置
2021-05-09
PHP官方网站及PHP手册
2021-05-09
mcrypt加密以及解密过程
2021-05-09
go等待N个线程完成操作总结
2021-05-09
ReactJs入门教程-精华版
2021-05-09