如何将 HTML 添加到文本中并将其添加到 DOM 以显示它？答案

【问题标题】：How to add HTML to the text and add it to the DOM to display it?如何将 HTML 添加到文本中并将其添加到 DOM 以显示它？
【发布时间】：2018-11-02 07:33:12
【问题描述】：

我有这段文字：

var text = "some instructions";

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

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

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

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

【问题讨论】：

你用的是javascript吧
可能重复 - stackoverflow.com/questions/40858456/…
您需要展示如何将文本插入 DOM。请不要再使用了——它自 1990 年代后期以来已被弃用。
将字符串分配给变量不会将其添加到 DOM。
您应该将其作为 html 内容而不是文本内容注入。

标签： html css dom

【解决方案1】：

你可以使用它来创建一个带有 text 的 DOM 元素。

var texttag= document.createElement('text');//create DOM 
var text= document.createTextNode("Please Select Program Course"); //Create Your Text 
texttag.setAttribute("for", "Please Select Program Course"); //Create DOM Attributes
texttag.appendChild(text); //append the text into DOM

就是这样..

【讨论】：

【解决方案2】：

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

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

【讨论】：