如何使用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');