如何在 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中文網其他相關文章！