up
down
Close
架站盒子
Web Development Box
 

JavaScript 透過 id、class、html標籤替換文字

│ 2397 Views │ JavaScript

語法

替換 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 刪除特定字串

延伸閱讀

本文是否對您有幫助?