Estoy tratando de agregar un botón de eliminación a todos los elementos con una clase específica en un menú, pero cuando trato de recorrer la matriz de clases y agregar el botón, solo se puede agregar a uno de los elementos, alguien sabe cómo puedo ¿arreglalo?
let menuItems = document.getElementsByClassName('menu-item'); let deleteButton = document.getElementById('deleteButton'); for (var i = 0; i < menuItems.length; i++) { menuItems[i].append(deleteButton); };Debe clonar ese elemento y, por favor, no use una identificación, de lo contrario, terminará teniendo identificaciones duplicadas.
const ELS_menuItems = document.querySelectorAll('.menu-item'); const EL_deleteButton = document.querySelector('#deleteButton'); ELS_menuItems.forEach(EL_item => EL_item.append(EL_deleteButton.cloneNode(true))); // Be advised that you'll end up having duplicated IDs in your DOM now