如何在JavaScript中添加內聯樣式？

Question

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

使用這種語法，我無法獲取table rows的background-color 。

您能給我我問題的有效語法嗎？

Answer 1

這是兩個不同的語句，樣式也不是.innerHTML的屬性，而是元素本身的屬性。

覆蓋完整的style屬性，而是設置特定的屬性，也不是一個好主意。

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

Answer 2

這是一種添加樣式的方法

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

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