封装一个方法，getElementsByClassName,兼容IE678，实现document.getElementByClassName("“”)一样的功能

最新推荐文章于 2022-03-03 15:19:15 发布

古兔bug

最新推荐文章于 2022-03-03 15:19:15 发布

阅读量475

点赞数

分类专栏：函数文章标签：函数封装方法遍历数组

本文链接：https://blog.csdn.net/weixin_41875025/article/details/88135278

版权

函数专栏收录该内容

1 篇文章 0 订阅

订阅专栏

封装思想过程：
1、获取所有标签：
documeent.getElementsByTagName("*")；

2、定义一个存放元素节点的数组，[],索引从0开始；

3、遍历这个数组，选取其中类名和参数相同的元素节点，把该节点放入新的数组中

		<script>
		function getElementsByClassName(str){  //封装的方法名叫getElementsByClassName(str){
		//1、获取所有标签
		var domArr = document.getElementsByTagName("*");
		//2/定义一个存放元素节点的数组，【】，索引从0开始；
		var arr = [];
		var index = 0;
		//3、遍历数组
		for( var i = 0; i < domArr.length; i+=){
		if(domArr.className == str) {
   				arr[index]  = domArr[ i ];
						index++
				}
		};
		return arr;
}
console.log(getElementsByClassName("box"));
</script>
<body>
	<div class="box"></div>
	<div class="div"></div>
	<div class="num"></div>
	<div class="nav"></div>
	<div class="bottom"></div>
	</body>