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. el 7 oct. 2019 a las 11:48
  • Muchísimas gracias!!!! el 7 oct. 2019 a las 11:48
  • 1
    Me alegra haber ayudado. Suerte!
    – Lucas
    el 7 oct. 2019 a las 11:50
  • 1
    Ok solucionado también!!! newDiv.setAttribute("id", "headerImage"); el 7 oct. 2019 a las 11:58
  • 1
    Excelente!!! Para otros casos tambien puede usar lo sgte: aqui
    – Lucas
    el 7 oct. 2019 a las 12:04

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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