1

Quiero crear un función que vaya creando varios div dentro de un section. He logrado hacerlo, pero de esta manera no se le aplica una id automática y no se le aplican los elementos del CSS.

function addCapa() {
    var caja = document.createElement('div');
    document.getElementById('section').appendChild(caja);
}
2
  • 1
    que ID deberian tener los divs?
    – jdromero88
    el 9 mar. 2021 a las 16:29
  • Deberían tener id="caja"
    – gjgjgjgj14
    el 9 mar. 2021 a las 16:31

1 respuesta 1

2

Para darle un id debes sobrescribir la propiedad id del elemento

function addCapa() {
    var caja = document.createElement('div');
    caja.id = "caja"
    document.getElementById('section').appendChild(caja);
}
4
  • Es una mala práctica colocar mas de un ID con el mismo nombre en el documento, en todo caso deberías colocar clases, o colocar un correlativo a los IDs, Repito, en un documento HTML no puede ir mas de un ID con el mismo nombre
    – Elboy
    el 9 mar. 2021 a las 17:00
  • @Elboy no es que sea mala practica, sino que "no se debe hacer", si quisieras seleccionar un div, no podrias porque el id debe ser unico el 9 mar. 2021 a las 17:04
  • @JuanRivera, dije que era una mala práctica porque muchos suelen hacerlo, al final aclaré, "no puede ir mas de un ID con el mismo nombre"
    – Elboy
    el 9 mar. 2021 a las 17:08
  • Estoy de acuerdo con ustedes, si se va a llamar múltiples veces a la función lo mejor es hacerlo con clases, si el autor de la pregunta quiere puedo modificar la respuesta y poner un ejemplo con clases para evitar el conflictos con los id's
    – Franco
    el 9 mar. 2021 a las 17:22

Tu Respuesta

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

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