js实现增删
使用 JavaScript 实现增删功能
添加元素
使用 appendChild 方法可以将新元素添加到 DOM 中：
const parent = document.getElementById('parent');
const newElement = document.createElement('div');
newElement.textContent = 'New Item';
parent.appendChild(newElement);删除元素
使用 removeChild 方法可以从 DOM 中移除元素：
const parent = document.getElementById('parent');
const child = document.getElementById('childToRemove');
parent.removeChild(child);使用数组实现增删
在 JavaScript 数组中，可以使用 push 和 splice 方法实现增删：
let items = ['item1', 'item2', 'item3'];
// 添加元素
items.push('newItem');
// 删除第二个元素
items.splice(1, 1);使用事件委托处理动态元素
对于动态添加的元素，使用事件委托可以确保事件监听有效：
document.getElementById('list').addEventListener('click', function(e) {
if(e.target.classList.contains('delete-btn')) {
e.target.parentElement.remove();
}
});使用现代 JavaScript 特性
ES6 提供了更简洁的数组操作方法：
// 添加元素
const newItems = [...items, 'newItem'];
// 删除元素
const filteredItems = items.filter(item => item !== 'itemToRemove');
