0

Tengo el siguiente div:

<div id="page-content" class="row-fluid"> </div>

Necesito pintar otro div justo encima con js:

<div id="headerImage"></div>

quedando así:

<div id="headerImage"></div>
<div id="page-content" class="row-fluid"> </div>

Sé que necesito seleccionar el div page-content mediante document.getElementById("page-content"). Pero luego no sé cómo decirle que el nuevo div lo inserte justo encima.

¿Cómo lo hago con javascript SIN JQUERY?

1 respuesta 1

2

Esto debería de funcionarte sin problemas:

document.body.onload = addElement;


function addElement () { 
// crea un nuevo div 
// y añade contenido 
var newDiv = document.createElement("div"); 
var newContent = document.createTextNode("Hola!¿Qué tal?"); 
newDiv.appendChild(newContent); //añade texto al div creado. 

// añade el elemento creado y su contenido al DOM 
var currentDiv = document.getElementById("div1"); 
document.body.insertBefore(newDiv, currentDiv); 
}
6
  • Funciona perfecto!! He tenido que cambiar la útima línea y poner el padre directo del currentDiv. Es lo único. Commented el 7 oct. 2019 a las 11:48
  • Muchísimas gracias!!!! Commented el 7 oct. 2019 a las 11:48
  • 1
    Me alegra haber ayudado. Suerte!
    – Lucas
    Commented el 7 oct. 2019 a las 11:50
  • 1
    Ok solucionado también!!! newDiv.setAttribute("id", "headerImage"); Commented el 7 oct. 2019 a las 11:58
  • 1
    Excelente!!! Para otros casos tambien puede usar lo sgte: aqui
    – Lucas
    Commented el 7 oct. 2019 a las 12:04

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.