如何在按钮中添加DOM附加的功能

how to add function in buttons appended by DOM?

本文关键字：功能 DOM 添加 按钮      更新时间：2023-09-26

我想为按钮"CLICK ME to EDIT"添加功能，但有什么想法吗?

var comment = prompt("Type content for new paragraph here", "");
var newParagraph = document.createElement('p');
newParagraph.textContent = comment;
document.getElementById("hijibiji").appendChild(newParagraph);
var b = document.createElement("button");
var t=document.createTextNode("CLICK ME TO EDIT");
b.appendChild(t);
document.getElementById("hijibiji").appendChild(b);
HTML: 

<div id="hijibiji"> </div>

var comment = prompt("Type content for new paragraph here", "");
var newParagraph = document.createElement('p');
newParagraph.textContent = comment;
document.getElementById("hijibiji").appendChild(newParagraph);
var b = document.createElement("button");
var t=document.createTextNode("CLICK ME TO EDIT");
b.appendChild(t);
document.getElementById("hijibiji").appendChild(b);
b.onclick = (function() {
    var edit = prompt("Type to edit", "");
    newParagraph.innerHTML = edit;
});

DEMO: JSFiddle

相关文章：