Javascript 每次我在<；车身>；我创建的函数运行

每次单击使用innerhtml创建的按钮时，我都需要一个新段落

我已经在JavaScript中使用了正确的语法。我希望我的段落仅在单击我创建的按钮时更改

var button = document.getElementById("createpara"); 

document.getElementById("showpara").innerHTML;

function writepara() {

    document.getElementById("showpara").innerHTML = '<p>This is IT</p>';
}

document.addEventListener("click",writepara, false);

var-button=document.getElementById（“createpara”）；
document.getElementById（“showpara”）.innerHTML；
函数writepara（）{
document.getElementById（“showpara”）.innerHTML='就是它了
'；
}
文件。添加的文件列表（“单击”，writepara，false）；

---

我希望我的段落只有在单击我创建的按钮时才会更改。

您应该这样编写代码

button.addEventListener("click",writepara); 

安装

document.addEventListener("click",writepara); 

---

您应该这样编写代码

button.addEventListener("click",writepara); 

安装

document.addEventListener("click",writepara); 

---

补充@MohammedHendy的评论

绑定事件侦听器时，它是分层的。它将使DOM冒泡并触发所有事件侦听器，直到到达最顶端的节点

例如：

如果我有这个：

<div>
   <button>Text</button>
<div>

正文

我在

div

上放置了一个事件侦听器，但是没有在

按钮上，当按钮被点击时，就好像我点击了
div

如果我希望事件仅在单击按钮时触发，则仅在
按钮上设置事件侦听器

在本例中，您已将其应用于表示整个页面的
文档。这就像说
“如果你点击这个页面上的任何地方，我希望这个函数运行”
添加到@MohammedHendy的评论中

绑定事件侦听器时，它是分层的。它将使DOM冒泡并触发所有事件侦听器，直到到达最顶端的节点

例如：

如果我有这个：

<div>
   <button>Text</button>
<div>


正文

我在
div
上放置了一个事件侦听器，但是没有在
按钮上，当按钮被点击时，就好像我点击了
div

如果我希望事件仅在单击按钮时触发，则仅在
按钮上设置事件侦听器

在本例中，您已将其应用于表示整个页面的
文档。这就像说
“如果您单击此页面上的任何位置，我希望此函数运行”
您正在将单击事件分配给整个文档。Try button.addEventListener（）将单击事件分配给整个文档。Try按钮。addEventListener（）