在追加firstChild之后添加按钮

Question

基本上，我想再添加两个按钮来编辑和删除附加的firstChild值。

我怎么做？

function writeParagraph() {
    var comment = prompt("Type content for new paragraph here", "");
    var newParagraph = document.createElement('p');
    newParagraph.textContent = comment;
    document.getElementById("updateDiv").appendChild(newParagraph);
}
function deleteParagraph() {
var items = document.querySelectorAll("#updateDiv p");
if (items.length) {
var child = items[0];
child.parentNode.removeChild(child);
}
}

HTML：

<div align="center"> <button onclick="store();prompter();">Click Me and type!</button>    </div>
<div align="center"> <button onclick="undo()">Undo</button></div>
<div align="center"> <button onclick="prompter2()">Set Allign</button></div>
<div align="center"> <button id="a" onclick="writepara()">Click for a new     paragraph</button></div>
<div align="center"> <button id="b" onclick="deleteParagraph()">Click to delete the new paragraph</button></div>
<div id='updateDiv' align="center"> </div>

Answer 1

删除将是：

function deleteParagraph() {
     var items = document.querySelectorAll("#updateDiv p");
     if (items.length) {
         var child = items[0];
         child.parentNode.removeChild(child);
     }
}

编辑为：

function changeParagraph(newHTML) {
     var items = document.querySelectorAll("#updateDiv p");
     if (items.length) {
         var child = items[0];
         child.innerHTML = newHTML;
     }
}

您必须从要传递给changeParagraph()任何文本中分别提示。