如何在 JavaScript 中按类名检索元素？

通过类名检索元素

在 JavaScript 中，通过 ID 获取元素是通过 document.getElementById("element-id “） 方法。但是，当尝试使用 document.getElementByClass("class-name") 通过类名访问元素时，会出现错误 возникает。

解决方案： getElementsByClassName()

根据类名检索元素的正确语法是 document.getElementsByClassName("class-name")。此方法返回一个 NodeList，其中包含共享指定类的所有元素。要访问 NodeList 中的特定元素，请使用其索引，例如 y[0] 来访问第一个匹配元素。

转换为数组

如果您如果需要将 NodeList 表示为数组，可以使用 Array.prototype.slice.call() 方法来实现：

var arrFromList = Array.prototype.slice.call(y);

替代方法

考虑使用 querySelectorAll('.foo') 或 querySelector('.foo') 方法，因为它们提供更好的浏览器支持。

其他注意事项

• 有关 DOM 操作的准确信息，请参阅 MDN 而不是 W3Schools。

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