up
down
Close
架站盒子
Web Development Box
 

JavaScript 替換所有 class 屬性字串的方法

│ 742 Views │ JavaScript

語法

<script>
var string = document.getElementsByClassName('class_name');
for (var i = 0; i < string.length; ++i) {
string[i].innerHTML = string[i].innerHTML.replace('要替換的字串', '');
}
</script>

說明

如果沒有回傳 class 的數字則可能會出現此錯誤提示「Uncaught TypeError: Cannot read property 'replace' of undefined(未捕獲的類型錯誤:無法讀取未定義的屬性"替換"),錯誤提示可在 F12 > console(主控台)中看到,這裡的錯誤是因為沒有回傳數值。

假設只要第一個 class 做替換,那麼應寫作:
var str = document.getElementsByClassName('class_name')[0].innerHTML;

如果希望所有 class 都替換,則可以使用 for 循環方式,如網頁最上方那段程式碼。

範例

架站盒子是不錯的網站
架站盒子是黑色的網站
架站盒子是實用的網站
架站盒子是幽默的網站

延伸閱讀

本文是否對您有幫助?