的Javascript的innerHTML忽略文本格式

Question

我具有以下表格單元格以粗體&顏色格式

小區id =「總」值;值= 「HI」

但是，當我改變，因爲下面的單元格的值，它忽略了文本格式

document.getElementById("total").innerHTML = "Hello" 

，並導致

Hello (with out bold and color) 

Answer 1

那是因爲你是隻用「你好」替換現有內容 - 之前內容的樣式是由於內容本身的屬性造成的，並且由於內容已被刪除，因此並不存在。

如果你想爲你的新內容的造型，你需要手動提供它，例如

document.getElementById("total").innerHTML = "<strong>Hello</strong>"; 

Answer 2

我認爲更好的解決辦法是通過一個樣式以應用樣式，如下所示：

#total { 
    font-weight: bold; 
    color: #FF0000; /* Replace this with the right color */ 
} 

現在，

document.getElementById("total").innerHTML = "Hello"; 

應讓電池保持其風格。

Answer 3

是的，最好的方法可能是使用CSS樣式。