Javascript 从DOM中删除元素

当我试图删除一个

li

，它将删除整个

ul

，我在JavaScript中遇到了一个问题。有人知道这个问题的解决方案吗

const add=document.querySelector（“.add”）；
add.addEventListener（“单击”，函数（）{
const cont=document.querySelector（“.menu”）；
常量输入=document.querySelector（“.put”）；
const newli=document.createElement（“LI”）；
const text=document.createTextNode（input.value）；
继续追加（新立）；
newli.appendChild（文本）；
})
const remove=document.querySelector（“.remove”）；
remove.addEventListener（“单击”，函数（）{
const df=document.querySelector（“.menu”）；
df.移除（newli）；
})

添加新帖子
添加帖子
撤职

阿尔贝尼斯

解决方案 HTML:

添加新帖子
添加帖子
撤职

阿尔贝尼斯

JavaScript:

const add=document.querySelector（“.add”）；
const remove=document.querySelector（“.remove”）；
add.addEventListener（“单击”），函数（）{
const cont=document.querySelector（“.menu”）；
常量输入=document.querySelector（“.put”）；
const newli=document.createElement（“LI”）；
newli.innerText=input.value；
继续追加（新立）；
});
remove.addEventListener（“单击”），函数（）{
const df=document.querySelector（“.menu”）；
df.firstElementChild.remove（）；
});

工作示例：

---

你的错误 您的错误是试图从其代码块外部获取

newli

常量请记住

const

变量的作用域是在该代码块上

---

一种不同的方法 这种方式更加简单，允许您删除任何帖子，而不仅仅是最后添加的帖子

const postBtn=document.querySelector（“#post”）
const list=document.querySelector（“#list”）
postBtn.addEventListener（'单击'，（）=>{
const text=document.querySelector（“#post text”）
list.innerHTML+=`
${text.value}删除
`
text.value=“”
})
常量删除=（e）=>{
e、 target.parentElement.remove（）
}

发帖
邮递