style - javascript innertext

javascript innerHTML añadiendo en lugar de reemplazar

Question

Pregunta rápida, sé que podemos cambiar el contenido de un

<div id="whatEverId">hello one<div> utilizando:

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

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

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

(usando algo similar, por supuesto)

Answer 1

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

La forma correcta será separar el elemento y hacer cambios en él y luego agregarlo nuevamente al nodo principal. Use https://gist.github.com/cowboy/938767 javascript nativo de esta esencia para separar el elemento.

Answer 2

Puedes hacerlo agregando una cadena div como esta ..

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

Answer 3

Si está agregando, simplemente puede cambiar su = a a + =

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

Si prefijo

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

Aunque recomendaría usar jQuery o MooTools javascript reservations / frameworks para hacer este tipo de cosas. Si está agregando etiquetas, no solo nodos de texto, entonces debe usar DOM createElement o una de las bibliotecas / marcos mencionados anteriormente.

Answer 4

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

Answer 5

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