0
160
VisualizaçõesApendchild solo agrega una vez en el método ForEach
function addOrgsToCard(Data) { const orgs = document.getElementById("orgs"); const org = document.createElement("div"); org.classList.add("org"); Data.forEach((organisation)=>{ org.innerHTML = ` <div class="org"> <img src="${organisation.avatar_url}" alt="" /> <span>${organisation.login}</span> </div> `; console.log(organisation.login); orgs.appendChild(org); }); } Esta es la función para agregar detalles de la organización en un div de una tarjeta de perfil, pero el problema es que el método apendchild agrega solo un detalle de la organización (el último de la llamada a la API). ¿Alguien puede ayudarme a resolver este problema? 
·
Juan Pablo Isaza
2 Respostas
Responde à pergunta0
org.innerHTML = sobrescribe el valor anterior. Entonces, cada vez que recorre los datos, los elementos anteriores se eliminan. Debe mover la creación de su elemento de organización dentro forEach org
function addOrgsToCard(Data) { const orgs = document.getElementById("orgs"); Data.forEach((organisation)=>{ const org = document.createElement("div"); org.classList.add("org"); org.innerHTML = ` <div class="org"> <img src="${organisation.avatar_url}" alt="" /> <span>${organisation.login}</span> </div> `; console.log(organisation.login); orgs.appendChild(org); }); }
·
Juan Pablo Isaza
Relatório
0
- Intente usar solo "agregar" (no estoy seguro de si esto funciona).
·
Juan Pablo Isaza
Relatório
Responde à pergunta