如何在 JavaScript 中按类名选择元素？

如何在 JavaScript 中通过类名获取元素

在 JavaScript 中，通过 ID 获取元素的语法如下：

var x=document.getElementById("by_id");

但是，尝试使用以下语法按类检索元素将导致错误：

var y=document.getElementByClass("by_class");

解决方案：

要按类成功检索元素，请改用 getElementsByClassName 函数：

var y = document.getElementsByClassName('foo');

注意事项：

返回值是类似数组的对象（NodeList 或 HTMLCollection），而不是单个元素。要访问单个元素，请使用方括号表示法 (y[0])。

替代方法：

querySelector('.foo') 和 querySelectorAll('.foo) ') 由于更广泛的浏览器支持而成为首选替代方案（getElementsByClassName 为 93.99% vs 87.24%）。

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