如何使用 JavaScript 和類別名稱替換 HTML 元素內容？

如何在JavaScript 中按類別存取和修改HTML 元素

在JavaScript 中按類別取得元素與使用ID 不同，因為JavaScript 缺乏為此目的的內建函數。但是，可以實作解決方法。

要使用類別而不是ID 修改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;
        }
    }
}

此程式碼迭代文件中的所有元素，並檢查它們的類別清單是否包含指定的matchClass。找到匹配項後，它會用提供的內容參數取代該元素的內容。

此方法可確保跨瀏覽器的相容性。以下是一個實際範例：

replaceContentInContainer('box', 'This is the replacement text');

<div class='box'></div>

這段程式碼取代了

的內容。與指定的文字。

以上是如何使用 JavaScript 和類別名稱替換 HTML 元素內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！