無法用JavaScript替換文本。 請幫忙

Question

function $(id) { return document.getElementById(id); }

$('h').innerHTML.replace(/hello/g, "<span style='color: red;'>hello</span>");

沒用 發生了什么？

Answer 1

replace返回一個字符串，並且不會自動將其分配給元素。

$('h').innerHTML = $('h').innerHTML.replace(/hello/g, "<span style='color: red;'>hello</span>");

Answer 2

replace（）不會就地發生； 您需要將結果分配給所需的目的地：

var newText = $('h').innerHTML.replace(/hello/g, "<span style='color: red;'>hello</span>");
// Do something with newText

Answer 3

首先，您不需要第一個函數，JQuery會通過選擇器自動進行處理。 另外，設置innerHTML仍應替換其所有現有內容，因此您無需在此之后顯式聲明replace。

$('#h').html(/hello/g, "<span style='color: red;'>hello</span>");

另外，我認為您的報價有誤。

Answer 4

您沒有將值分配回元素。

Answer 5

嘗試這樣做：

function $(id) { return document.getElementById(id); }

$('h').innerHTML = $('h').innerHTML.replace("hello", "<span style='color: red;'>hello</span>");

小提琴： http ： //jsfiddle.net/maniator/LBAn6/