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

Posted 2023-05-07

【中文标题】如何在javascript中添加内联样式？

【英文标题】：How to add inline style in 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

【参考方案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>";

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