使用javascript创建div

Question

我尝试使用javascript创建div，但在某一点上达成了目标。这是代码。

<script type="text/javascript">

    var mydiv = document.createElement("div");
    mydiv.id = "div1";
    mydiv.style.height = "200px";
    mydiv.style.width = "200px";
    mydiv.style.background-color = "red";

    document.body.appendChild(mydiv);

你的帮助很大。

提前致谢

Answer 1

background-color是JavaScript中的无效标识符。您可以改为使用backgroundColor。

mydiv.style.backgroundColor = "red";

任何带有破折号的CSS属性都是​​在style对象的camelCase中完成的。所以backgroundColor，marginLeft等等。您指定的值是字符串，因此不适用于它们，只适用于属性名称。

Answer 2

应为mydiv.style.backgroundColor