creating div using javascript

Question

I tried to create div using javascript, but struck up at one point. Here is the code.

<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);

Your help is highly obliged.

Thanks in advance

possible duplicate of How do I change the background color with JavaScript? — user142162
– user142162, Commented Mar 23, 2014 at 18:17

T.J. Crowder · Accepted Answer · 2014-03-23 18:17:11Z

4

background-color is an invalid identifier in JavaScript. You can use backgroundColor instead.

mydiv.style.backgroundColor = "red";

Any CSS property with a dash in it is done in camelCase on the style object. So backgroundColor, marginLeft, etc. The values you assign are strings, so this doesn't apply to them, just the property names.

answered Mar 23, 2014 at 18:17

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Muhammad Umer · Accepted Answer · 2014-03-23 18:17:06Z

0

It should be mydiv.style.backgroundColor

answered Mar 23, 2014 at 18:17

Muhammad Umer

18.3k26 gold badges111 silver badges179 bronze badges

Collectives™ on Stack Overflow

creating div using javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related