Question

我尝试使用javascript在按钮点击上添加新内容。

如果单击按钮一次，我就可以使用javascript但是我想拥有它，所以每次按下按钮时都会有一个新的“hello world”＃39;将被创建。

<button id="myBtn">Try it</button>

 <p><strong>Note:</strong> The addEventListener() method is not 
 supported in     Internet Explorer 8 and earlier versions.</p>

 <p id="demo"></p>

 <script>
 document.getElementById("myBtn").addEventListener("click", function(){
 document.getElementById("demo").innerHTML = "Hello World";
 });
 </script>

提前致谢

Answer 1

变化：

document.getElementById("demo").innerHTML = "Hello World";

为：

document.getElementById("demo").innerHTML += "Hello World";

使用=将在每次点击时设置内容，覆盖之前的内容。使用+=会将文本连接到之前的内容。

 document.getElementById("myBtn").addEventListener("click", function() {
   document.getElementById("demo").innerHTML += "Hello World ";
 });

<button id="myBtn">Try it</button>

<p><strong>Note:</strong> The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.</p>

<p id="demo"></p>

Javascript：点击按钮添加内容

1 个答案: