document.createElement中的Javascript .style无法正常工作

Question

这是我的代码：

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

标有//的代码不起作用。 当我使用inspect元素编辑它时，我注意到它还没有被应用。

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.Crowder）

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

Answer 2

使用此

link.style.margin = "200px";

也

link.style.marginLeft ="200px"

或仅使用.cssText = "your css"

检查这个 点击here to view demo！     更新了链接 已更新link！