2014-01-21 70 views
0

替換HTML字符串使用javascript我有這樣的HTML代碼:使用.replace

<p>Hello, this is a test replacing, <span class="myclass">over test</span> and <span class="myclass">over test</span>.</p> 

我的JavaScript作品有 「FuuBar」 一詞取代 「你好」。

document.body.innerHTML = document.body.innerHTML.replace(/Hello/g, "FuuBar"); 

但我不能代替<span class="myclass">over test</span>通過<span class="thanks"><b>Thanks God</b></span>

我在JavaScript我開始。我需要在純js中解決這個問題。可以幫助我的代碼?對於英語感到抱歉。

JsFiddle尋求幫助。

回答

0

您是否檢查過報價?你應該在JS的類名中使用單引號將它們轉義出來。如果不是這樣,請提供代碼。

除此之外,更換整個身體似乎不是最好的主意像這樣的任務。

+1

在這裏看到什麼墊指的是:http://jsfiddle.net/puya3/3/ – maxedison

+0

感謝墊和maxedison。你救了我的命! – Joselito

2

使用這個DOM。在此處查看更多信息:https://developer.mozilla.org/en-US/docs/DOM

var spans = document.querySelectorAll('.myclass'); 
for (var i=0; i<spans.length; i++) { 
    spans[i].classList.remove('myclass'); 
    spans[i].classList.add('thanks'); 
    spans[i].innerHTML = '<b>Thanks god</b>'; 
}