如何在 JavaScript 中按類別存取元素？

在 JavaScript 中按類別存取元素

JavaScript 本身不提供 getElementByClass() 函數。要根據類別存取元素，您可以使用以下技術：

1.使用 getElementsByClassName():

此方法傳回具有指定類別名稱的元素的集合。但是，它僅在現代瀏覽器中受支持，並且不允許嵌套或多個類別。

範例：

const elements = document.getElementsByClassName("className");

2.將getElementsByTagName('*') 與迴圈結合使用：

此方法會迭代頁面上的所有元素並檢查其類別列表是否匹配。它適用於所有瀏覽器，包括較舊的瀏覽器。

範例：

function replaceContentInContainer(matchClass, content) {
    const elems = document.getElementsByTagName('*');
    for (let i = 0; i < elems.length; i++) {
        if ((' ' + elems[i].className + ' ').indexOf(' ' + matchClass + ' ') > -1) {
            elems[i].innerHTML = content;
        }
    }
}

此修訂後的程式碼可讓您根據元素的類別名稱替換元素的內容，即使元素上有多個元素頁面共用相同類別。

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