How do I use a JavaScript variable in CSS? [duplicate]

Question

I am trying to use a JS variable in CSS.

In JavaScript it's:

var bodybg = "#fff"

And in CSS:

body {
  background-color: bodybg;
}

How do I achieve that?

Hayreddin Tüzel · Accepted Answer · 2018-07-15 17:21:14Z

2

You can manipulate style with JavaScript.

For example:

<p id="p2">Hello World!</p>

<script>
 var bodybg = '#fff';
 document.getElementById("p2").style.color = bodybg;
</script>

answered Jul 15, 2018 at 17:13

Hayreddin Tüzel

9492 gold badges9 silver badges22 bronze badges

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

3 Comments

Who upvotes a "you can not." when there is already a duplicate vote which shows you can?

Can I change color from gradient ? Css gradient

background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);

Saurabh Yadav · Accepted Answer · 2018-07-15 17:14:54Z

0

This change body background color

var bodybg = "#fff";
document.querySelector('body').style.backgroundColor = bodybg;

answered Jul 15, 2018 at 17:14

Saurabh Yadav

3,3861 gold badge12 silver badges21 bronze badges