如果使用 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>