document.createElement 中的 Javascript .style 不起作用

Question

这是我的代码:

        var link = document.createElement("a");
        link.id = "control_random";
        link.href = document.location.href + "#";
        //link.style = "margin-left:200px";

用 // 标记的代码不起作用。当我使用检查元素编辑它时，我注意到它尚未应用。

Answer 1

您必须使用style.cssText

var link = document.createElement("a");
link.id = "control_random";
link.style.cssText = "margin-left:200px; margin-right:100px;";

其他方式...

link.setAttribute("style", "margin-left:200px; margin-right:100px;");

(感谢@T.J.克劳德)

link.style.marginLeft = "200px";
link.style.marginRight = "100px";