在JavaScript中创建多个按钮

时间:2018-04-25 15:22:08

标签: javascript html loops dom button

我检查过语法错误,看起来好像一切正​​常,加载页面正文时它没有做任何事情。我知道我已经正确地将脚本链接到html文件,因为我已经实现了一个JS时钟,它在页面中显示,就像你在笔中看到的那样。我的代码有什么问题吗?为什么我的10个按钮不显示?我担心Bootstrap可能会阻止我显示我的按钮。

我的目的是创建10个按钮,这样我就不必再编写相同的代码10次了。

Codepen只是检查我的代码,我通常在Atom上工作。 This is my Codepen!

<div class="container-fluid" id="buttons">

</div>

function createButtons() { 
  for(i = 0; i < 11; i++) {
    var button = document.createElement("<button type=\"button\" class=\"btn btn-outline-success\">Chapter[i]</button>");
    var buttonDiv = document.getElementById("buttons");
    buttonDiv.appendChild(button);
  }
}
document.body.addEventListener("load", createButtons(), false);

1 个答案:

答案 0 :(得分:1)

函数redux接受标记名称作为参数。

mapStateToProps