How to change css properties with javascript [duplicate]

Question

var lights = ("blue", "white", "violet");

function check() {

for(var i = 0; i <= lights.length; i++) {
    if(i = "blue") {

  } else if (i = "white") {

  } else if (i = "violet") {

  }
}

I need help, I want to be able to change a css property which is not listed here but it consists of background colour is blue and I want to change it to another colour while accessing javascript. If anyone knows, please can they tell me step by step what to do please, thank you

What are you trying to do? You need to post a more detailed question. — Jacob G
– Jacob G, Commented Nov 8, 2016 at 22:27
That whole code makes no sense, you mean. That array notation. — Valentin Roudge
– Valentin Roudge, Commented Nov 8, 2016 at 22:30

Aram · Accepted Answer · 2016-11-08 22:27:53Z

3

If you want to use pure Javascript you can use something like this to set a background color for an element:

document.getElementById("myDiv").style.backgroundColor = "blue";

answered Nov 8, 2016 at 22:27

Aram

5,7572 gold badges33 silver badges44 bronze badges

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

Comments

Sesh Sadasivam · Accepted Answer · 2016-11-08 22:30:46Z

1

There are a couple of ways to change a CSS property of an element. Both methods require accessing HTML DOM elements by ID or class.

Classic Javascript:

document.getElementById('someID').style.backgroundColor = "blue";

jQuery:

$('#someID').css('backgroundColor', 'blue');

answered Nov 8, 2016 at 22:30

Sesh Sadasivam

394 bronze badges

Collectives™ on Stack Overflow

How to change css properties with javascript [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related