語法
替換 id 元素內的文字
document.getElementById("test").innerHTML = "新文字";
替換 class 元素內的文字
document.getElementsClassName("test")[0].innerHTML = "新文字";
須留意 class 有多一個 s:「getElementsByClassName」。[0] 表示第一個class,如果要第二個class就是[1],以此類推。如果希望所有 class 都替換,需要加上循環語法,如下。
替換 所有的 class 元素內的文字
var str = document.getElementsByClassName('test');
for (var i = 0; i < str.length; ++i) {
str[i].innerHTML = "新文字";
}
注意 JavaScript 要放在最下面才能全部替換。
替換 HTML標籤 內的文字
document.getElementsByTagName('p')[0].innerHTML = "新文字";
要找到 HTML 標籤一樣是有多一個 s:「getElementsByTagName」。[0] 表示第一個class,如果要第二個class就是[1],以此類推。如果希望所有 class 都替換,需要加上循環語法,如下。
替換 所有的 HTML 標籤 內的文字
var str = document.getElementsByTagName('p');
for (var i = 0; i < str.length; ++i) {
str[i].innerHTML = "新文字";
}
注意 JavaScript 要放在最下面才能全部替換。
部分替換或移除特定文字
如果是要替換部分的文字或是去除部分的文字,請參考:JavaScript 刪除特定字串。
本文是否對您有幫助?