使用Javascript添加内联样式

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (8)

我试图将此代码添加到动态创建的div元素

style = "width:330px;float:left;" 

其中创建动态的代码div

var nFilter = document.createElement('div');
nFilter.className = 'well';
nFilter.innerHTML = '<label>' + sSearchStr + '</label>';

我的想法是添加风格后,< div class="well"但我不知道我会怎么做。

提问于
用户回答回答于
nFilter.style.width='330px';
nFilter.style.float='left';

这应该为元素添加内联样式。

用户回答回答于

你可以直接在样式上做到这一点:

var nFilter = document.createElement('div');
nFilter.className = 'well';
nFilter.innerHTML = '<label>'+sSearchStr+'</label>';

// Css styling
nFilter.style.width = "330px";
nFilter.style.float = "left";

// or
nFilter.setAttribute("style", "width:330px;float:left;");

扫码关注云+社区