Как добавить HTML к тексту и добавить его в DOM для его отображения?

Question

У меня есть этот текст:

var text = "some instructions";

Я хочу установить для текста какой-то стиль, а затем я хочу поместить его в DOM.Итак, я попробовал это:

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

Но я не получаю желаемого результата.Текст не изменяется, и я получаю HTML-теги, отображаемые в виде текста.

Любая идея о том, как добавить HTML-текст, а затем добавить его в DOM?

Answer 1

Вы можете использовать это, чтобы создать элемент 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

вот и все ..

Answer 2

Используйте innerHTML для элемента, в который вы хотите добавить HTML

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