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

あなたformGroup要素がまだDOMにない$('#form1').addClass('form-group');あなたがそうjQueryがそれを見つけることができない、この行のjQueryを呼び出している場合は、この

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

を行います。正確に新しく作成された要素にネイティブメソッドによってクラスを追加しよう：

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

これを試し代わりに$('#form1').addClass('form-group');