Estoy desarrollando una página dinámica con javascript.
No estoy tan avanzado con el idioma, estoy tratando de recopilar el nombre de las clases definidas en el div a través de la variable de objeto html,
hasta ahora creé un bucle para repetir la estructura creada dinámicamente, asigne una clase: objeto para definir como un nombre de clase para cada bloque creado a través de la variable de objetos
sin embargo, me gustaría usar el nombre de cada clase resumido como una variable o si hay una manera en la que podría simplemente llamar al bloque y crear dinámicamente una estructura html dentro de él sin que los demás lo clonen.
//data.js const html = [ { id: 0, class: 'hero', titulo: "Teste", }, { id: 1, class: 'section_1', titulo: "Teste 2", }, ]; //index.js const global = app => { const p = document.createElement("p"); const div = document.createElement("div"); let main = document.getElementById("main"); // get names and set div all class name for (let i = 0; i < html.length; i++) { div.setAttribute("class", 'section ' + app.class); } //creat el div main.append(div); div.append(p); p.innerHTML = "Hello World"; } html.forEach(app => global(app)); <!-- begin snippet: js hide: false console: true babel: false --> <html> <body> <main id="main"> </main> </body> </html>