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