javascript DOM编程艺术学习笔记（1）重写getElementsByClassName(class)方法

最新推荐文章于 2022-08-09 10:22:52 发布

u010092682

最新推荐文章于 2022-08-09 10:22:52 发布

阅读量756

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/wangbinhui81218/article/details/24011897

版权

JS 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

****重写getElementsByClassName(class)方法：

<!-- HTML代码 -->
<body>
	<h1>购物清单</h1>
	<ul id="shopping">
		<li class="sales">水果</li>
		<li class="sales">零食</li>
	</ul>
	
</body>

//JSd代码：
//说明：getElementsByClassName这个方法在ie6下是不支持的，其他浏览器支持

window.οnlοad=function(){
	//获得清单刘表
	var shopping=document.getElementById("shopping");
	//根据class名找到元素对象数组
	var sales=getElementsByClassName(shopping,"sales");
	//遍历这个元素对象数组
	for(var i=0;i<sales.length;i++){
		alert(sales[i].className);
	}
};

//参数1：node表示DOM数中的搜索起点
//参数2：className就是要搜索的类名
function getElementsByClassName(node,classname){
	//判断是否处在这个函数
	if(node.getElementsByClassName){
		//存在则正常运用
		return node.getElementsByClassName(classname);
	}else{
		
		//建立数组用于存储带有符合class的元素
		var arrs=new Array();
		//遍历父元素的所有子元素标记

		var elems=node.getElementsByTagName("*");
		for(var i=0;i<elems.length;i++){
			//查找类名相关的元素
			if(elems[i].className==classname){
				//将符合元素直接加在arrs数组末尾
				arrs[arrs.length]=elems[i];
			}
		}
		//返回符合元素数组对象；
		return arrs;
	}
}

u010092682

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript DOM编程艺术学习笔记（1）重写getElementsByClassName(class)方法

****重写getElementsByClassName(class)方法：购物清单水果零食 //JSd代码：//说明：getElementsByClassName这个方法在ie6下是不支持的，其他浏览器支持window.onload=function(){ //获得清单
复制链接

扫一扫