js通过类名去获取元素的方法

最新推荐文章于 2024-06-02 20:35:38 发布

b67834063218449

最新推荐文章于 2024-06-02 20:35:38 发布

阅读量1.9k

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/summerXll/p/6511023.html

版权

定义函数getByClass()实现获取document或指定父元素下所有class为on的元素。要求该函数可以接收一个参数也可以接收两个参数

条件：1.第一个参数为必需的，第二个参数为可选的

  2.第一个参数为要获取的元素的类名，第二个参数如果传，则传父元素的id，不传则默认用document

  3.返回获取到的所有带有”on”这个类的DOM元素

思路：
1.判断是否含有必须传的参数
2.取得所有的类名。并进行遍历
3.将遍历的类名和要获取的class进行比较

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.onload=function(){
     var len1= getByClass('on','list');
     alert(len1.length);  // 结果等于2为正确
var len2= getByClass('on');
     alert(len1.length);  // 结果等于3为正确
}
function getByClass(clsName, parent){
 //定义函数getByClass()实现获取document或指定父元素下所有class为on的元素  
    var oParent=parent?document.getElementById(parent):document
    var oCls=oParent.getElementsByTagName('*')//获取所有的标签元素
    var arr=[];
    for(i in oCls){
//对遍历的标签元素与要查找的元素进行判断
        if(oCls[i].className==clsName){
            arr.push(oCls[i])
        }
    }
    return arr
}
</script>

转载于:https://www.cnblogs.com/summerXll/p/6511023.html

b67834063218449

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js通过类名去获取元素的方法

定义函数getByClass()实现获取document或指定父元素下所有class为on的元素。要求该函数可以接收一个参数也可以接收两个参数条件：1.第一个参数为必需的，第二个参数为可选的 2.第一个参数为要获取的元素的类名，第二个参数如果传，则传父元素的id，不传则默认用document 3.返回获取到的所有带有”on”这个类的DOM元素思路：1.判断是否含有必须传...
复制链接

扫一扫