如何使用JavaScript创建引导程序元素

Question

我正在尝试使用Javascript动态地创建引导程序元素。但问题在于，引导类在创建元素时不适用。 任何建议

这是我试过的代码！

function show() { 
var formGroup = document.createElement("div"); 
//formGroup.className = 'form-group'; 
formGroup.setAttribute('id', 'form1'); 
$('#form1').addClass('form-group'); 
document.body.appendChild(formGroup); 

var label = document.createElement("label"); 
label.innerHTML = 'Hello World'; 
$('#label').addClass('control-label') 
document.getElementById('form1').appendChild(label);} 

Answer 1

做这个

var formGroup = document.createElement("div"); 
formGroup.setAttribute('id', 'form1'); 
formGroup.className += " form-group"; 
document.body.appendChild(formGroup); 

var label = document.createElement("label"); 
label.innerHTML = 'Hello World'; 
label.className += " control-label"; 
document.getElementById('form1').appendChild(label); 

Working fiddle

Answer 2

当你在这一行$('#form1').addClass('form-group');您formGroup元素是不是在DOM还呼吁jQuery，所以jQuery无法找到它。尝试通过本地方法添加类恰好给新创建的元素：

formGroup.classList.add('form-group'); 

使用，而不是$('#form1').addClass('form-group');