除了在CSP策略中添加“ unsafe-inline”以添加内联样式attr之外，setAttribute（）是否还有其他选择？

Question

我试图将内联样式属性即时添加到DOM。但是我不能在CSP策略中使用unsafe-inline。

除非将“ unsafe-inline”添加到策略中，否则CSP不允许添加内联样式属性。

var div1 = document.createElement('div'), body = document.getElementsByTagName('body');
div1.setAttribute("style", "position:absolute;top:0;left:0;margin:0;");
body[0].appendChild(div2);

Answer 1

  

setAttribute（）可以替代吗？

当然，没有理由将内联样式设置为属性。只需使用.style！

var div = document.body.appendChild(document.createElement('div'));
div.style.position = "absolute";
div.style.top = 0;
div.style.left = 0;
div.style.margin = 0;