Javascript innerHtml adición en lugar de sustituir

Question

pregunta rápida, sé que podemos cambio el contenido de un

<div id="whatEverId">hello one<div> mediante el uso de:

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

ahora, ¿hay alguna manera de ADD cosas al div en lugar de reemplazarlo ??? para que pueda obtener

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

(usando algo similar, por supuesto)

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

Si está realizando adiciones, sólo puede cambiar sus = a + =

document.getElementById ("whatEverId"). InnerHTML + = 'hola dos';

Si prefijando

document.getElementById ("whatEverId") innerHTML = 'hola dos' + document.getElementById ("whatEverId") innerHTML..;

Aunque recomiendo usar jQuery o MooTools javascript libraries/frameworks para hacer este tipo de cosas. Si agrega etiquetas no solo a los nodos de texto, entonces debe usar DOM createElement o una de las bibliotecas/frameworks antes mencionados.

Answer 4

Puede hacerlo añadiendo cadena div como esto ..

document.getElementById ('div_id') + innerHTML = 'Hola Dos'.;

Answer 5

Lo que jcomeau_ictx sugirió es una forma ineficaz de editar el innerHTML. Comprobar PPT de Ben cherry http://www.bcherry.net/talks/js-better-faster

La forma correcta será separar el elemento y realizar cambios en él y luego volverlo a agregar al nodo principal. Use https://gist.github.com/cowboy/938767 Javascript nativo de esta esencia a elemento de separación.