我正在将带有香草 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'
然而,这并没有奏效。
有什么建议可以尝试吗?