如何在 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  -1) {
            elems[i].innerHTML = content;
        }
    }
}

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

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