除了在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;