Question

使用 javascript 创建 div

2014-03-23

75

javascript html

我尝试使用 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 对象上都以驼峰式命名。因此 backgroundColor 、 marginLeft 等。您分配的值是字符串，因此这不适用于它们，只适用于属性名称。

Answer 2

它应该是 mydiv.style.backgroundColor

Muhammad Umer

2014-03-23