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?

Answer 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>";

Answer 2

这是一种添加样式的方法

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

Answer 3

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>