的JavaScript的innerHTML添加替換

Question

快速的問題，而不是，我知道我們可以變化的

<div id="whatEverId">hello one<div>內容使用：

document.getElementById("whatEverId").innerHTML="hello two"; 

現在，是有辦法，我可以地址東西到div而不是取代它？ 這樣我就可以得到

<div id="whatEverId">hello one hello two<div>

（使用類似課程的東西）

Answer 1

<div id="whatever">hello one</div> 
<script> 
document.getElementById("whatever").innerHTML += " hello two"; 
</script> 

Answer 2

document.getElementById("whatEverId").innerHTML = document.getElementById("whatEverId").innerHTML + "hello two" + document.getElementById("whatEverId").innerHTM ; 

Answer 3

如果你追加，你可以改變你的=到+ =

document.getElementById（「whatEverId」）。innerHTML + ='hello two';

如果前綴

的document.getElementById（ 「whatEverId」）的innerHTML = '你好兩個' +的document.getElementById（ 「whatEverId」）的innerHTML。;

雖然我會強烈建議使用jQuery或MooTools JavaScript庫/框架來做這種事情。如果您添加標籤不僅僅是文本節點，那麼您應該使用DOM createElement或上述庫/框架之一。

Answer 4

您可以通過附加格字符串這樣做吧..

的document.getElementById（ 'div_id'）的innerHTML + = '你好兩個'。

Answer 5

jcomeau_ictx建議的是編輯innerHTML的低效方式。 檢查本櫻桃的PPT http://www.bcherry.net/talks/js-better-faster

正確的方法將分離元素並進行更改，然後將其附加到父節點。 使用https://gist.github.com/cowboy/938767原生javascript從此要點到 detach元素。