Question

在HTML中，我正在尝试创建条件逻辑，检查模式中的按钮是否已被单击，单击该按钮后，我想＆＃34;显示＆＃34;给用户一个新按钮。

我的问题是使用JavaScript创建新按钮的语法。我将触发按钮的onclick属性设置为一个名为addButton()的新函数，我将把JavaScript放入其中，但不能在语法上确定如何生成新按钮。

当从触发按钮的onclick引用时，是否会以引导程序格式创建按钮？：

<script>
        function addButton() {
            var element = document.createElement("input");
            element.type = "button";
            element.value = "View Info";
            element.name = "getInfo";
            element.className = "btn btn-info btn-lg";
        }
</script>

Answer 1

＆＃13;

function addButton() {
     var element = document.createElement("input");
     element.type = "button";
     element.value = "View Info";
     element.name = "getInfo";
     element.className ="btn btn-info btn-lg";
     document.getElementById('button-group').appendChild(element);
 }

＆＃13;

<div onclick="addButton()">Click to Add new Button</div> 
<div id="button-group"><div>

＆＃13;

Answer 2

你需要将它附加到身体上。

<script>
    function addButton() {
      var element = document.createElement("input");
      element.type = "button";
      element.value = "View Info";
      element.name = "getInfo";
      element.className = "btn btn-info btn-lg";
      document.getElementsByTagName("body")[0].appendChild(element);
    }
</script>

使用Javascript添加新的Bootstrap按钮

2 个答案: