如何将HTML添加到文本并将其添加到DOM以显示它?

时间:2018-05-23 10:37:02

标签: html css dom

我有这样的文字:

var text = "some instructions";

我想将文本设置为某种样式,然后我想把它放到DOM中。 所以我试过这个:

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

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

有关如何将html添加到文本然后将其添加到DOM的任何想法吗?

2 个答案:

答案 0 :(得分:1)

在要添加html

的元素上使用innerHTML
var text = "<div style='color:red;'>abc</div>";
document.getElementById("abc").innerHTML = text;

答案 1 :(得分:0)

您可以使用此选项创建带文本的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

就是它..