如果使用 innerHTML 創建按鈕將不起作用

Question

我有這種結構

<button ng-click="something(1)">click!</button>
<div id="place"></div>

something() 在這種情況下有效，但是如果我嘗試在 js 代碼上使用 innerHTML 制作另一個按鈕

   str="<button ng-click=\"something(2)\">click 2!</button>"
   document.getElementById("place").innerHTML = str;

通過第二個按鈕，即由 innerHTML 創建的按鈕，看起來很正常，但單擊時不會調用 function something()

有沒有其他方法可以添加按鈕？ 按鈕應在頁面運行時按程序生成

非常感謝！

Answer 1

<script>
        let btn = document.createElement("button");
        btn.innerText = "click2"
        // class
        btn.classList = [];
        // on click function
        btn.onclick = () => {

        }
        document.getElementById("place").innerHTML = "";
        document.getElementById("place").appendChild(btn)
    </script>