如何在 JavaScript 中按類別名稱尋找和操作 HTML 元素？

在JavaScript 中按類別尋找元素

雖然getElementById() 函數對於透過唯一識別碼存取元素很有用，但在某些情況下您需要使用元素的類別來定位元素。 JavaScript 並沒有為此目的提供原生函數，因此需要替代方法。

一種解決方案是利用 getElementsByTagName() 方法，該方法會擷取指定標籤類型的所有元素。透過迭代這些元素並檢查它們的 className 屬性，您可以識別那些與您的目標類別相符的元素。

以下程式碼示範如何根據其類別取代HTML 元素中的內容：

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

在此函數中，我們迭代頁面上的所有元素並檢查它們的className 屬性是否包含指定的matchClass。如果找到符合項，則使用提供的內容更新元素的內部 HTML。

這種方法提供了一種根據元素的類別來操作元素的方法，即使 JavaScript 不提供用於此目的的專用函數。

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