如何使用Javascript创建引导元素

我正在尝试使用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);}

这样做

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);

这样做

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);

---

当您在这一行中调用

jQuery

时

$（'form1'）。addClass（'form-group'）

您的

formGroup

元素还不在DOM中，因此

jQuery

无法找到它。尝试通过本机方法将类完全添加到新创建的元素：

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

---

使用上面的行代替

$（'#form1'）。addClass（'form-group'）

当您在这一行中调用

jQuery

时

$（'#form1'）。addClass（'form-group'）

您的

formGroup

元素还不在DOM中，因此

jQuery

无法找到它。尝试通过本机方法将类完全添加到新创建的元素：

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

---

使用上面的行代替

$（'#form1'）。addClass（'form-group'）
现在工作正常。谢谢。现在工作很好。谢谢，我试过这个。现在工作。非常感谢。试过这个。现在工作。非常感谢。