¿Cómo se supone que debo convertir este código secundario adjunto para que funcione, de modo que pueda hacer que mi código sea 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);Utilizar este:
function createElement(type, props, ...children) { const elem = document.createElement(type); if(props) Object.assign(elem, props); for(let child of children) { if(typeof child === "string") elem.appendChild(document.createTextNode(child)) else elem.appendChild(child) } return elem; }Asi que:
let elem = createElement("div", { className: "test" }, createElement("p", {}, "hello world !!!"));Esto se traduce como:
<div class="test"> <p>hello world !!!</p> </div>