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

如何通过类名获取元素

在 JavaScript 中，使用 document.getElementById() 方法通过 ID 检索元素非常简单。然而，按类获取元素略有不同，最初可能会引起混乱。

按类选择元素的正确方法名称是 document.getElementsByClassName()。这是因为网页上的多个元素可以共享同一个类，因此使用“Elements”，它返回 NodeList 或类似数组的对象。

这是一个示例：

<code class="javascript">var elementsByClass = document.getElementsByClassName('class_name');
console.log(elementsByClass[0]); // Accesses the first element with the provided class name</code>

如果需要将NodeList转换为实际的数组，可以使用以下方法：

<code class="javascript">var arrayFromList1 = Array.prototype.slice.call(elementsByClass);

// Alternatively, you can use the following syntax to convert the NodeList to an array
var arrayFromList2 = [].slice.call(elementsByClass);</code>

值得注意的是，使用querySelector()或querySelectorAll()按类选择元素一般是由于更好的跨浏览器支持而成为首选。

最后，建议参考 MDN 等信誉良好的来源以获取准确且最新的 JavaScript 信息。

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