javascript - 如何使用 JavaScript 动态显示按钮？

Question

在下面的代码中，我尝试使用 Javascript 动态创建一个按钮(我不想只使用 HTML 创建一个按钮)当我在本地运行网页时，不会出现任何按钮。

buttonActionFunction 是我拥有的一个单独的函数(完全正常工作)，单击按钮时会出现图像。

另外，我如何添加到该代码中，以便一旦单击该按钮，该按钮就会停用，这样他们就无法再次单击它？

<script>
    function buttonFunction() {
        var button= document.createElement("button");
        button.appendChild(document.createTextNode("Click Me"));
        button.onclick=buttonActionFunction();
        document.getElementById("divId").appendChild(button);
    }
    buttonFunction();
    </script>

Answer 1

 function createButton(context, func) {
     var button = document.createElement("input");
     button.type = "button";
     button.value = "Click Me";
     button.onclick = func;
     context.appendChild(button);
 }
 function functienaam()
 {
     createButton(document.body, functienaam);
 }
 createButton(document.body, functienaam);

jsfiddle:https://jsfiddle.net/fv42orad/1/