首页 > web前端 > js教程 > 如何在 JavaScript 中按类访问元素?

如何在 JavaScript 中按类访问元素?

Mary-Kate Olsen
发布: 2024-12-02 08:20:11
原创
449 人浏览过

How Can I Access Elements by Class in JavaScript?

在 JavaScript 中按类访问元素

JavaScript 本身不提供 getElementByClass() 函数。要根据类访问元素,您可以使用以下技术:

1.使用 getElementsByClassName():

此方法返回具有指定类名的元素的集合。但是,它仅在现代浏览器中受支持,并且不允许嵌套或多个类。

示例:

const elements = document.getElementsByClassName("className");
登录后复制

2.将 getElementsByTagName('*') 与循环结合使用:

此方法会迭代页面上的所有元素并检查其类列表是否匹配。它适用于所有浏览器,包括较旧的浏览器。

示例:

function replaceContentInContainer(matchClass, content) {
    const elems = document.getElementsByTagName('*');
    for (let i = 0; i < elems.length; i++) {
        if ((' ' + elems[i].className + ' ').indexOf(' ' + matchClass + ' ') > -1) {
            elems[i].innerHTML = content;
        }
    }
}
登录后复制

此修订后的代码允许您根据元素的类名替换元素的内容,即使元素上有多个元素页面共享同一类。

以上是如何在 JavaScript 中按类访问元素?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板