javascript - 在不使用 createElement 方法的情况下使用 Javascript 附加按钮

Question

<script>
    var i=0;
    var j="";
    function app() {
        j+=document.getElementById("demo").innerHTML="<button type='button'>Btn+i</button>";
   }
</script>  
<button type="button" onclick="app()">Add</button>
<div id="demo">
</div>

每次用户单击添加按钮时，我都试图在 div 标记中附加一个 button 。

Also I want the added button to be displayed like : Btn 1, Btn2, Btn3..

Answer 1

#demo 内容的简单串联和 var i 的递增:

var i = 0;

function app() {
  document.getElementById("demo").innerHTML += "<button type='button'>Btn " +
    ++i + "</button>";
}

<button type="button" onclick="app()">Add</button>
<div id="demo"></div>