首頁 > web前端 > js教程 > 如何使用 JavaScript 和類別名稱替換 HTML 元素內容?

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

Barbara Streisand
發布: 2024-12-05 07:24:13
原創
822 人瀏覽過

How Can I Replace HTML Element Content Using JavaScript and Class Names?

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板