javascript - 如何使用 JavaScript 写入 html?

标签 javascript html twitter-bootstrap loops dom

<script>
for(var numCols = 1; numCols <= 12; numCols++){
    document.write(
                        "<div class='row'>" +
                        "<div class='well text-center col-lg-" + [numCols] + "'>" + ".col-lg-" + [numCols] + "</div>" +
                        "</div>"; 
                    );
}
</script>

我知道有 document.write/document.writeln 但我有这个脚本,但我不知道哪里出了问题。我正在尝试可视化 Bootstrap 的 col-md-* 东西

最佳答案

去掉最后一个</div> 后面的分号

<script>
for(var numCols = 1; numCols <= 12; numCols++){
    document.write(
                        "<div class='row'>" +
                        "<div class='well text-center col-lg-" + [numCols] + "'>" + ".col-lg-" + [numCols] + "</div>" +
                        "</div>"
                    );
}
</script>

关于javascript - 如何使用 JavaScript 写入 html?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39641959/

相关文章:

html - CSS 导航 : Highlighting

jquery - 悬停时工具提示错位

javascript - 如何从 Bootstrap 下拉菜单中获取值(jQuery)

css - 让背景图像显示在 Bootstrap 轮播的第一张幻灯片上

javascript - 导航栏消失

javascript - 手动关闭 getDisplayMedia 的 native 屏幕选择器

php - 在 PHP 中从 HTML 中提取数据的最简单方法是什么?

html - Django Bootstrap 下拉菜单为空

javascript - 带回调的 Rails reCAPTCHA

javascript - 新形状和旧形状必须具有相同数量的元素