JavaScript innerHTML dodając zamiast zastąpienia

Question

szybkie pytanie, wiem, że możemy zmiana treść z

<div id="whatEverId">hello one<div> za pomocą:

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

teraz, czy istnieje sposób mogę DODAJ rzeczy do div zamiast go zastępować ??? więc mogę dostać

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

(używając coś podobnego oczywiście)

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

Jeśli dołączanie, można po prostu zmienić swoje = w + =

document.getElementById ("whatEverId"). InnerHTML + = 'hello two';

Jeśli poprzedzając

document.getElementById ("whatEverId") innerHTML = 'cześć dwóch' + document.getElementById ("whatEverId") innerHTML..;

Mimo to bardzo polecam używanie bibliotek/frameworków jQuery lub MooTools do wykonywania tego typu rzeczy. Jeśli dodajesz znaczniki nie tylko do węzłów tekstowych, powinieneś użyć DOM createElement lub jednej z wyżej wymienionych bibliotek/frameworków.

Answer 4

Można to zrobić poprzez dołączenie div ciąg tak ..

document.getElementById ('div_id') innerHTML + = 'Hello dwa'.;

Answer 5

Co sugeruje jcomeau_ictx jest nieefektywnym sposobem edycji innerHTML. Sprawdź Ben Cherry PPT http://www.bcherry.net/talks/js-better-faster

Prawidłowy sposób będzie odłączenie elementu i dokonywania w nim zmian, a następnie dodanie go z powrotem do węzła nadrzędnego. Użyj https://gist.github.com/cowboy/938767 Natywny javascript z tego fragmentu do odłączyć element.