Javascript innerHTML 忽略文本格式

Question

我在具有粗体和颜色格式的表格单元格中有以下值

cell id="total"; value="HI"

但是当我如下更改单元格的值时，它会忽略文本格式

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

并导致

Hello (with out bold and color)

Answer 1

那是因为您只是用“Hello”替换了现有内容——之前内容的样式是由内容本身的属性决定的，并且不会因为内容被清除而保留下来。

例如，如果您想要为新内容设置样式，则需要手动提供

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