在 JavaScript 中,可以通过以下步骤为每个 'li' 元素添加删除功能:

  1. 获取所有的 'li' 元素。
const liElements = document.querySelectorAll('li');
  1. 使用 'forEach' 方法遍历每个 'li' 元素,并为其添加删除功能。
liElements.forEach(li => {
  // 创建删除按钮元素
  const deleteButton = document.createElement('button');
  deleteButton.textContent = '删除';

  // 添加点击事件监听器
  deleteButton.addEventListener('click', () => {
    li.remove();
  });

  // 将删除按钮添加到每个li元素中
  li.appendChild(deleteButton);
});

上述代码将为每个 'li' 元素添加一个名为 '删除' 的按钮,并在点击按钮时从 DOM 中删除该 'li' 元素。

JavaScript 添加删除按钮到每个 li 元素

原文地址: https://www.cveoy.top/t/topic/pkk7 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录