JavaScript 添加删除按钮到每个 li 元素
在 JavaScript 中,可以通过以下步骤为每个 'li' 元素添加删除功能:
- 获取所有的 'li' 元素。
const liElements = document.querySelectorAll('li');
- 使用 'forEach' 方法遍历每个 'li' 元素,并为其添加删除功能。
liElements.forEach(li => {
// 创建删除按钮元素
const deleteButton = document.createElement('button');
deleteButton.textContent = '删除';
// 添加点击事件监听器
deleteButton.addEventListener('click', () => {
li.remove();
});
// 将删除按钮添加到每个li元素中
li.appendChild(deleteButton);
});
上述代码将为每个 'li' 元素添加一个名为 '删除' 的按钮,并在点击按钮时从 DOM 中删除该 'li' 元素。
原文地址: https://www.cveoy.top/t/topic/pkk7 著作权归作者所有。请勿转载和采集!