自定义通过类名获取元素的函数

最新推荐文章于 2023-01-06 08:30:24 发布

zj950307

最新推荐文章于 2023-01-06 08:30:24 发布

阅读量452

点赞数

本文链接：https://blog.csdn.net/zj950307/article/details/80977423

版权

定义函数getByClass()实现获取document或指定父元素下所有class为on的元素，要求该函数可以接收一个参数也可以接收两个参数：第一个参数为必需的，第二个参数为可选的；第一个参数为要获取的元素的类名，第二个参数如果传，则传父元素的id，不传则默认用document。

html代码如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
		<ul id="list">
			<li class="on">1</li>
			<li class="select">2</li>
			<li class="on">3</li>
			<li>4</li>
		</ul>
		<p class="on">class为on的p标签</p>
</body>
</html>
<script type="text/javascript">
  window.οnlοad=function(){
     var len1= getByClass('on','list');
     alert(len1.length);  
var len2= getByClass('on');
     alert(len1.length);  
}

getByClass方法如下：

function getByClass(clsName, parent){  
 var arr=[];
 var oElements;
 if(parent=""){    //第二个参数为空
     var oElements=document.getElementsByTagName("*");
 }else{           //第二个参数不为空
     oParent=document.getElementById("parent");
     oElements=oParent.getElementsByTagName("*");
 }
 for(var i=0;i<oElements.length;i++){
     if(oElements[i].className==clsName){
         arr.push(oElements[i]);
     }
 }
 return arr;
}

zj950307

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自定义通过类名获取元素的函数

定义函数getByClass()实现获取document或指定父元素下所有class为on的元素，要求该函数可以接收一个参数也可以接收两个参数：第一个参数为必需的，第二个参数为可选的；第一个参数为要获取的元素的类名，第二个参数如果传，则传父元素的id，不传则默认用document。html代码如下：&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;h...
复制链接

扫一扫