Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 附加第一个子项后添加按钮_Javascript_Html - Fatal编程技术网

Javascript 附加第一个子项后添加按钮

Javascript 附加第一个子项后添加按钮,javascript,html,Javascript,Html,基本上,我想再添加两个按钮来编辑和删除附加的firstChild值 我该怎么做 function writeParagraph() { var comment = prompt("Type content for new paragraph here", ""); var newParagraph = document.createElement('p'); newParagraph.textContent = comment; document.getEleme

基本上,我想再添加两个按钮来编辑和删除附加的
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:

单击我并键入!
撤消
齐头并进
单击以获取新段落
单击以删除新段落
删除将是:

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;
     }
}
编辑将是:

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;
     }
}

您必须将提示与要传递到
changepagrage()

的任何文本分开,以便进行更多解释。此函数链接到一个onclick事件,该事件从提示中获取用户输入,并创建一个新的段落。。。现在我想删除/编辑这个段落。。。一些代码和指南将受到高度赞赏。那么,您尝试过哪些代码来插入按钮?你从我的答案中复制了我的
delegepragement()
代码。你知道如何插入段落。似乎您应该编写自己的代码来插入按钮,然后在遇到问题时提出更具体的问题。@jfriend00我甚至不知道如何使用appendChild或nodes添加按钮:(…这就是我被卡住的地方…是的,deletePragraph函数是您提供的..非常感谢您!)
var b=document.createElement(“按钮”)
然后在按钮上设置属性以设置文本及其单击处理程序,然后使用
.appendChild(b)
插入该按钮,就像在段落中所做的那样。你可以在谷歌上找到例子。@jfriend00谢谢,伙计!:)谢谢@jfriend00,不过。。。如何将它们添加到按钮中,并在附加第一个子项时同时显示?例如,我输入了“Hello World”,我想在旁边显示带有这些功能的edit n delete按钮。。请help@envym6-你不知道怎么做的部分是什么?显然,您知道如何创建段落元素并添加它。可以用同样的方法创建按钮元素。我不知道你想把按钮放在哪里,也不知道你想把它们格式化成什么样子,这样就由你决定了。也许您应该显示前后HTML,以便我们确切地知道您要创建什么。此外,请澄清使用编辑链接在您的原始文章,而不是在评论。编辑原始帖子后,添加一条评论,说明您修改了什么。我希望在按钮内的onclick事件上添加这些delete段落()和change段落()函数。这些按钮应该在我点击“点击新段落”@jfriend00后出现