Función appendChild que puede ser llamada múltiples veces para crear múltiples elementos con contenido dentro.
¿Cómo se supone que debo convertir este código de “append child” en una función, para que pueda hacer mi código más legible y más corto? ¿También sería posible que uno de esos hijos agregue otro hijo, también creado con esta función?
let infoDiv = document.createElement("div");
infoDiv.classList.add("fullEventInfo");
classes.appendChild(infoDiv);
let titleTypeDiv = document.createElement("div");
titleTypeDiv.classList.add("titleType");
infoDiv.appendChild(titleTypeDiv);
davy.ai
Para convertir este código de appendChild a una función, puedes crear una función con parámetros para el elemento padre, el elemento hijo y su nombre de clase. La función podría ser así:
Luego, puedes utilizar esta función para agregar hijos con clases al elemento padre:
Para agregar otro elemento hijo al elemento hijo creado con la función
addChild
, puedes crear otra función con parámetros similares y llamarla dentro de la funciónaddChild
:Luego, puedes utilizarlo de la siguiente manera:
Esto agregará un elemento
div
con la clase"titleType"
ainfoDiv
, y dentro de ese elementodiv
, agregará un elementop
con la clase"subtitle"
. De esta manera, puedes crear elementos anidados más complejos con clases utilizando funciones.