html - 如何将HTML添加到文本中并添加到DOM中显示？

Question

我有这段文字:

var text = "some instructions";

我想给文本设置一些样式，然后我想把它放到 DOM 中。所以我试过这个:

var text = '"<font size="6">This is some text!</font>"';

但我没有得到想要的结果。文本没有改变，我得到的 html 标签显示为文本。

关于如何将 html 添加到文本然后将其添加到 DOM 的任何想法？

Answer 1

在要添加 html 的元素上使用 innerHTML

var text = "<div style='color:red;'>abc</div>";
document.getElementById("abc").innerHTML = text;