如何在 JavaScript 中以類別名稱選擇元素？-js教程-PHP中文網

如何在 JavaScript 中以類別名稱選擇元素？

Mary-Kate Olsen

發布： 2024-11-03 17:03:02

原創

677 人瀏覽過

How to Select Elements by Class Name in JavaScript?

如何在JavaScript 中透過類別名稱取得元素

在JavaScript 中，透過ID 取得元素的語法如下：

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

登入後複製

在JavaScript 中，透過ID 取得元素的語法如下：

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

登入後複製

但是，嘗試使用以下語法按類別檢索元素將導致錯誤：

解決方案：

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

登入後複製

要成功按類別檢索元素，請改用getElementsByClassName 函數：

注意事項：

傳回值是一個類似陣列的物件（NodeList 或HTMLCollection），而不是單一元素。若要存取單一元素，請使用方括號表示法 (y[0])。

替代方法：

querySelector('.foo') 和querySelectorAll('.foo) ') 由於更廣泛的瀏覽器支援而成為首選替代方案（ getElementsByClassName 為93.99% vs 87.24%）。

以上是如何在 JavaScript 中以類別名稱選擇元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！