破损的Javascript代码

我正试图创建一个网站，在那里发生三件事，但我被卡住了

（1） 单击“添加”按钮时，将创建一个新段落 并将其添加到输出中。段落内容应来自[添加]按钮下方的文本区域

（2） 如果按下“删除”按钮，我需要删除div中的第一段

（3） 如果用户在没有段落的情况下尝试删除，则创建一个“警报”，显示“没有要删除的段落”

我让我的JS把每一段都放到div中，但我真的不知道如何删除它…任何帮助都将不胜感激

window.onload=function（）{
var按钮=document.getElementById（“添加”）；
button.onclick=插入项；
}
函数插入项（）{
var added=document.getElementById（“输出”）；
var textToAdd=document.getElementById（“输入”）；
如果（textToAdd.value！=“”）{
var newp=document.createElement（“p”）；
newp.innerHTML=textToAdd.value；
新增.追加子女（newp）；
}
}
var deletebutton=document.getElementsByTagName（“删除”）；
deletebutton.onclick=deleteItem；
函数deleteItem（）{
var output=document.getElementById（“输出”）；
var pars=output.getElementsByTagName（“p”）；
如果（部分长度>0）{
output.removeChild（pars[0]）；
}
}

#输出{
边框：蓝色5px实心；
填充：10px；
边缘底部：10px；
边缘顶部：10px；
宽度：50%；
}
#输出p{
填充：10px；
边框：黑色1px虚线；
}

任务3-在DOM树中创建、追加和删除节点
在下面键入文本，单击“添加”以添加为段落。添加



删除最后一段



增加段落

您获取的删除按钮错误。您使用的是getElementsByTagName，而不是按id

删除时，您可能会删除标记中不属于您的输出的第一个

。要解决此问题，您只需获取

输出的所有子项

div并删除第一个：

function deleteItem() {
    let output = document.getElementById('output')
    if (output.hasChildNodes()) {
        let outputs = output.childNodes
        outputs[0].remove()
    }
}

您获取的删除按钮错误。您使用的是getElementsByTagName，而不是按id

删除时，您可能会删除标记中不属于您的输出的第一个

。要解决此问题，您只需获取

输出的所有子项

div并删除第一个：

function deleteItem() {
    let output = document.getElementById('output')
    if (output.hasChildNodes()) {
        let outputs = output.childNodes
        outputs[0].remove()
    }
}

---

检查您如何获取对“删除”按钮的引用。不要污损您的问题。检查您如何获取对“删除”按钮的引用。不要污损您的问题。