Change the background color in my HTML code through JavaScript [duplicate]

Question

New to JavaScript and HTML. I'm trying to change the background color in my HTML code through JavaScript.

The only thing that I need to happen is to change the background color on divMain below from black to white using only JavaScript and keeping the HTML code the same

<style>

#divMain {
position:absolute;
left:0px;
top:0px;
width:320px;
height:460px;
background-color:black;
-webkit-user-select:none;
-webkit-text-size-adjust:none;
}

</style>

</head>

<body 
onload="body_load();" 
>

<div 
id="divMain">
</div>

The only things that I have in the JavaScript code is this:

function body_load() {
}

Thanks, that helps a little bit but I don't see how to change it inside of a div tag. Only how to change the background of the body — Mark Shimala
– Mark Shimala, Commented Feb 1, 2014 at 17:47
This question appears to be off-topic because it is about absolute basics, that you should read up on in some tutorial or other. — C3roe
– C3roe, Commented Feb 1, 2014 at 17:49
This question has an answer to set it for a specific element: stackoverflow.com/questions/3319/… — maja
– maja, Commented Feb 1, 2014 at 17:50
why you need this? you can't modify the bg color with CSS? the link above (answer from @ryanulit ) solve your question. — Joe RR
– Joe RR, Commented Feb 1, 2014 at 17:50

maja · Accepted Answer · 2014-02-01 17:55:33Z

2

If you want to change the background of an element, you can use this:

document.getElementById("divMain").style.backgroundColor = "#FF0000";

It will change the div-Background to red. But why do you want to make this with javascript?

Solve it with inline-CSS:

<div id="divMain" style="background-color: red"></div>

edited Feb 1, 2014 at 17:55

answered Feb 1, 2014 at 17:48

maja

18.2k18 gold badges85 silver badges127 bronze badges

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

4 Comments

Mark Shimala Over a year ago

Nevermind figured it out. thank you!

maja Over a year ago

there was a spelling-error. I updated it

Hashem Qolami Over a year ago

Solve it with HTML I'd call that inline CSS.

maja Over a year ago

@MarkShimala If the answer worked for you, please accept it. If not, post your own answer.

Amir Sherafatian · Accepted Answer · 2014-02-01 17:48:46Z

0

document.getElementById("divMain").style.backgroundColor="red" e.g.

answered Feb 1, 2014 at 17:48

Amir Sherafatian

2,0932 gold badges21 silver badges32 bronze badges

Collectives™ on Stack Overflow

Change the background color in my HTML code through JavaScript [duplicate]

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related