How do I use a JavaScript variable in CSS?

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 · Answer 1 · 2018-07-15T17:21:14.223

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>

edited Jul 15 '18 at 17:21

answered Jul 15 '18 at 17:13

Hayreddin Tüzel

1

Who upvotes a "you can not." when there is already a duplicate vote which shows you can? – ASDFGerte Jul 15 '18 at 17:18
Can I change color from gradient ? Css gradient – Desmond Sitt Naing Jul 15 '18 at 17:22
background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB); – Desmond Sitt Naing Jul 15 '18 at 17:23

score 0 · Answer 2 · answered Jul 15 '18 at 17:14

0

This change body background color

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

answered Jul 15 '18 at 17:14

Saurabh Yadav

2 Answers2