javascript - Bootstrap CSS 不适用于使用 javascript 创建的元素

Question

我正在将带有香草 javascript 的 div:s 添加到使用 Bootstrap 风格化的页面中。Html 中硬编码的所有元素都可以在 Bootstrap 中正常工作。使用 javascript 添加的元素没有任何引导样式。尽管从 dev-tab 中我可以看到所有元素都附加了正确的 Bootstrap 类。

示例代码：

var masterDiv = document.getElementById('master')
var divName = document.createElement('div')
divName.setAttribute('class', 'row')
var divLeftMarg = document.createElement('div')
divLeftMarg.setAttribute('class', 'col-md-2 margin')
divName.appendChild(divLeftMarg)
var divNameSub = document.createElement('div')
divNameSub.setAttribute('class', 'col-md-8 name')
divNameSub.innerHTML = thisData.firstname + " " + thisData.lastname
divName.appendChild(divNameSub)
var divRightMarg = document.createElement('div')
divRightMarg.setAttribute('class', 'col-md-2 margin')
masterDiv.appendChild(divName)

我看到一个建议作为对旧问题的回答，并尝试了解决方案，将其更改为：

divNameSub.className += ' col-md-8 name'

然而，这并没有奏效。

有什么建议可以尝试吗？

标签： javascripthtmlcsstwitter-bootstrap