Entonces, sigo creando un sistema cuando presiona un botón, el sistema obtendrá todos los elementos de un archivo json.
Hago el sistema para escribir contenido en pantalla (escribir las etiquetas y otras cosas)
el código que usé para escribir contenido en "div":
function update() { for (var i = 0; i < database.length; i++) { var obj = database[i]; document.getElementById('main').innerHTML += "<a href=" + obj.link + " class=" + "a" + ">" + obj.title + "</a> <br class=" + "br" + ">"; console.log(i); }; };Y creo otra función para borrar el div, pero no funciona, intenté obtener el elemento dentro del div usando getElement().
No se que hago ahora, si alguien me puede ayudar estaré bastante feliz =)
gracias
OBS: soy nuevo en la programación de javascript, y lo siento por mi inglés '-'
Puede borrar el contenido del elemento de la misma manera que lo configuró:
document.getElementById('main').innerHTML = '';Simplemente use Element.innerHTML = "SOME NEW HTML CONTENT" para actualizar completamente el HTML de ese elemento con contenido nuevo:
const EL_main = document.querySelector('#main'); const EL_load = document.querySelector('#load'); const fetchDatabase = () => Array.from({length: 20}).map(_ => { const rand = ~~(Math.random() * 1e4); return {link: `http://${rand}.html`, title: `Page ${rand}`} }); function update() { const database = fetchDatabase(); EL_main.innerHTML = database.reduce((acc, item) => acc + ` <a href="${item.href}">${item.title}</a><br> `, ""); }; update(); EL_load.addEventListener("click", update); <button id="load">Load new content</button> <div id="main"></div>