How to add inline style in javascript?

Question

document.getElementById("usersList").innerHTML.style="background-color:red" += "<th>" + newuser + "</th>";

With this syntax I am not able to get the background-color of my table rows.

Could you please give me the valid syntax to my question?

You can take a look here.

Vasilis G.
– Vasilis G.

2018-03-07 07:46:46 +00:00
Commented Mar 7, 2018 at 7:46 — Vasilis G.
– Vasilis G., Commented Mar 7, 2018 at 7:46
Duplicate of Add inline style using Javascript

TylerH
– TylerH

2020-09-01 13:29:04 +00:00
Commented Sep 1, 2020 at 13:29 — TylerH
– TylerH, Commented Sep 1, 2020 at 13:29

void · Accepted Answer · 2018-03-07 07:31:52Z

1

These are two different statements, also style is not a prpoerty on .innerHTML but on the element itself.

Also it is not a great idea to overwrite the complete style attribute, instead set the specific properties.

document.getElementById("usersList").style.backgroundColor="red";    
document.getElementById("usersList").innerHTML += "<th>" + newuser + "</th>";

answered Mar 7, 2018 at 7:31

void

36.8k10 gold badges72 silver badges111 bronze badges

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

Comments

inham130 · Accepted Answer · 2018-03-07 07:35:07Z

0

This is a way to add style

document.getElementById("usersList").style.backgroundColor = "red";

answered Mar 7, 2018 at 7:35

inham130

1112 bronze badges

Comments

Ankit Agarwal · Accepted Answer · 2018-03-07 07:35:12Z

0

You are missing these two points:

backgroundColor is applied to the style property of the element
innerHTML is used to add HTML content in the element.

var newuser = 'someUser';
document.getElementById("usersList").style.backgroundColor="red";    
document.getElementById("usersList").innerHTML += "<th>" + newuser + "</th>";

<table id='usersList' border='1'></table>

answered Mar 7, 2018 at 7:35

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Collectives™ on Stack Overflow

How to add inline style in javascript?

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related