的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样式。