如何在javascript中添加内联样式？

【问题标题】：How to add inline style in javascript?如何在javascript中添加内联样式？
【发布时间】：2018-08-15 05:28:45
【问题描述】：

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

使用这种语法，我无法获得table rows 的background-color。

能否请您给出我的问题的有效语法？

【问题讨论】：

你可以看看here.
重复Add inline style using Javascript

标签： javascript

【解决方案1】：

这是两个不同的陈述，样式也不是.innerHTML 的属性，而是元素本身的属性。

另外，覆盖完整的样式属性也不是一个好主意，而是设置特定的属性。

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

【讨论】：

【解决方案2】：

这是一种添加样式的方法

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

【讨论】：

【解决方案3】：

你错过了这两点：

backgroundColor 应用于元素的style 属性
innerHTML 用于在元素中添加 HTML 内容。

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

&lt;table id='usersList' border='1'&gt;&lt;/table&gt;

【讨论】：