在 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中文网其他相关文章!