用javascript替換文檔中的特定文本？

Question

我無法得到這個工作... ...它只是與結果替換整個頁面

var str="textiwanttoreplace"; 
var el = document.getElementById('welcome'); 
el.innerHTML = str; 
var date = new Date(); 
var hours = date.getHours(); 


if (hours >= 8 && hours < 13) { 
    el.innerHTML = str.replace("textiwanttoreplace", "It's 8 and 13"); 
} else if (hours >= 13 && hours < 18) { 
    el.innerHTML = str.replace("textiwanttoreplace", "It's 13 and 18"); 
} else if (hours > 18 && hours <= 23) { 
    el.innerHTML = str.replace("textiwanttoreplace", "It's 18 and 23"); 
} else { 
    el.innerHTML = str.replace("textiwanttoreplace", "Hello"); 
} 

編輯：改變，現在我沒有看到任何結果我失去了什麼？

Answer 1

It would，如果你要替換文本並在頁面的某一部分地說，你應該去了解這樣的事情：

var str="textiwanttoreplace"; 
var el = document.getElementById('element_id'); 
el.innerHTML = str; 

所以不是：

document.write(); 

使用：

var el = document.getElementById('element_id'); 
el.innerHTML = str.replace("textiwanttoreplace", "Good Morning"); 

只需將element_id替換爲要放置文本結果的元素的ID。

更新：基於您的評論

，我測試了它和它的作品，你可以看看這裏：

http://jsbin.com/odipu3

Answer 2

document.write is BAD practice.

是否文本（即你想替換）存在於文檔中的多個位置？做這種文本替換的正確方法是遍歷DOM並替換包含所述文本的特定元素的文本內容。

Answer 3

您需要縮小要替換的文本的父級。你可以對整個文檔做這件事，但效率極低。

<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("div.replace-me").text($(this).text().replace('will replace', 'Good morning')); 
    }); 
</script>