javascript - 如何在 JavaScript 代码中添加 HTML 按钮？

Question

当在 JavaScript 中调用函数时，如何添加仅在 HTML 中显示的按钮？我有一个功能，当您在文本框中写一些文本并单击一个按钮时 - 说文本是写在 HTML 上的，但我想在弹出的文本旁边添加一个按钮。我如何在 JavaScript 代码中编写它？

标签： javascripthtmlbutton

Answer 1

你的意思是这样的吗？

<script>
  var btn = document.createElement("BUTTON");
  btn.innerHTML = "New Button";

  function appendButton(){
    document.getElementById("container").appendChild(btn);
  }
</script>
<div id='container'>
  <button id='button1' onclick="appendButton()">Click Me</button>
</div>