Agregar texto antes o después de un elemento HTML

Question

Si tengo un elemento HTML como <div> con texto dentro u otros elementos, ¿puedo agregar antes o después de este div algunos datos de texto sin un elemento html, solo texto sin formato?

Me gustaría usar solo Javascript puro.

Algo así como:

<div id="parentDiv"> 
    my text must be added here 
    <div id="childDiv"></div> 
</div> 

Answer 1

sí, se puede crear un nodo de texto con document.createTextNode('the text')

A continuación, se puede insertar como un elemento, con appendChild o insertBefore.

Ejemplo que insertar un texto antes de #childDiv:

var text = document.createTextNode('the text'); 
var child = document.getElementById('childDiv'); 
child.parentNode.insertBefore(text, child); 

Answer 2

Puede agregar nodo de texto. Crear nodo - document.createTextNode('text') y luego insertar/agregar/reemplazar - haga lo que quiera.

Answer 3

Algo así debe hacerlo:

<script type="text/javascript"> 
    var parent = document.getElementById('parentDiv'); 
    var sibling = document.getElementById('childDiv'); 
    var text = document.createTextNode('new text'); 
    parent.insertBefore(text, sibling); 
</script> 

Answer 4

Sólo para que conste:

div.insertAdjacentHTML('beforeBegin', yourText); 

donde div es su child-DIV.

Demostración en directo:http://jsfiddle.net/ZkzDk/

Answer 5

En lo que respecta al tema y los usuarios de pregunta para insertar antes o después, aquí es un ejemplo para después:

var text = document.createTextNode("my text must be added here."); 
    var childTag = document.getElementById("childDiv"); 

    childTag.parentNode.insertBefore(text, childTag.nextSibling); 

Si el childTag no lo hace tener hermanos, está bien porque el método insertBefore maneja este caso y simplemente lo agrega como el último hijo.

También puede posiblemente utilizar el método appendChild() después de crear el nodo de texto y luego agregar su etiqueta de hijo a través del parentNode.