小编Sam*_*amT的帖子

CSS Bootstrap通过javascript创建元素

我想通过javascript创建以下HTML代码.由于某种原因,引导类没有应用于javascript代码.有什么帮助吗?

<div class="form-group">
  <label for="inputText" class="col-sm-2 control-label">Comments</label>
  <div class="col-sm-10">
     <textarea class="form-control" rows = "3" id="inputText"  placeholder="Write your comments here"></textarea>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我正在尝试使用javascript创建此HTML,如下所示.不确定我错过了什么.

var div = document.createElement('div');
div.class = 'form-group';
var label = document.createElement('label');
label.class = 'col-sm-2 control-label';
label.innerHTML = 'Comments';
label.for = 'inputText';
var div1 = document.createElement('div');
div1.class = 'col-sm-10';
var commentText = document.createElement('textarea');
commentText.class = 'form-control';
commentText.id = 'inputText';
commentText.rows = '3';
commentText.placeholder = 'Write your comments';
div.appendChild(label);
div1.appendChild(commentText);
div.appendChild(div1);
Run Code Online (Sandbox Code Playgroud)

html javascript css twitter-bootstrap

6
推荐指数
1
解决办法
4967
查看次数

标签 统计

css ×1

html ×1

javascript ×1

twitter-bootstrap ×1