如何将元素附加到数组中的所有项目
How to append elements to all items in an array
我正在尝试向菜单中具有特定 class 的所有项目添加删除按钮，但是当我尝试遍历 classes 数组并附加按钮时，它可以只能添加到其中一项，有人知道我该如何解决吗？
let menuItems = document.getElementsByClassName('menu-item');
let deleteButton = document.getElementById('deleteButton');
for (var i = 0; i < menuItems.length; i++) {
menuItems[i].append(deleteButton);
};
您需要克隆该元素，请不要使用 ID，否则您最终会得到重复的 ID。
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
我正在尝试向菜单中具有特定 class 的所有项目添加删除按钮，但是当我尝试遍历 classes 数组并附加按钮时，它可以只能添加到其中一项，有人知道我该如何解决吗？
let menuItems = document.getElementsByClassName('menu-item');
let deleteButton = document.getElementById('deleteButton');
for (var i = 0; i < menuItems.length; i++) {
menuItems[i].append(deleteButton);
};
您需要克隆该元素，请不要使用 ID，否则您最终会得到重复的 ID。
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