创建getElementByClassName

最新推荐文章于 2025-07-16 11:37:28 发布

转载最新推荐文章于 2025-07-16 11:37:28 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wwqianduan/p/3806117.html

文章标签：

#javascript #ViewUI

本文介绍了一种自定义的方法getElementsByClassName，用于在JavaScript中根据class名称获取DOM元素。此方法通过遍历所有类型的元素并筛选出class匹配的项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getElementByClassName

  在JavaScript 内建的核心中，document对象及element对象总共可以通过三个方式来获取其下的元素，分别是:getElementById('id') 、getElementsByName('name') 、getElementsByTagName('tag')   。这些方法就跟它们的名字一样，分别是依照id, name, tag来获取元素。
    因在同一份文件中，id 是具有唯一性的，所以 getElementById(id) 的回传值是单一物件可以直接使用；而其他则会传回一个依照具有该属性的元素在文件中出现顺序排列的数组，使用时必须指定数组索引，如: array[0] 代表第一个元素。可是在设计网页时，最常常需要使用到的class却没有相对应的方法可以去获取className相同的元素。没有没关系，我们自己写一个，而且代码非常简短只有下面几句。
function getElementsByClassName(className) {
    var el = new Array();
    var _el = document.getElementsByTagName("*");
    for (var i=0; i<_el.length; i++ ) {
        if (_el[i].className == className) {
            el[el.length] = _el[i];
        }
    }
    return el;
}

转载于:https://www.cnblogs.com/wwqianduan/p/3806117.html