Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将HTML添加到文本中并将其添加到DOM中以显示它?_Html_Css_Dom - Fatal编程技术网

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

如何将HTML添加到文本中并将其添加到DOM中以显示它?,html,css,dom,Html,Css,Dom,我有以下案文: var text = "some instructions"; 我想给文本设置一些样式,然后我想把它放到DOM中。 所以我试过这个: var text = '"<font size="6">This is some text!</font>"'; var text='“这是一些文本!”; 但是我没有得到想要的结果。文本没有更改,我得到的html标记显示为文本 您知道如何将html添加到文本中,然后将其添加到DOM中吗?在要添加html的元素上使用in

我有以下案文:

var text = "some instructions";
我想给文本设置一些样式,然后我想把它放到DOM中。 所以我试过这个:

var text = '"<font size="6">This is some text!</font>"';
var text='“这是一些文本!”;
但是我没有得到想要的结果。文本没有更改,我得到的html标记显示为文本


您知道如何将html添加到文本中,然后将其添加到
DOM
中吗?

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

var text = "<div style='color:red;'>abc</div>";
document.getElementById("abc").innerHTML = text;
var text=“abc”;
document.getElementById(“abc”).innerHTML=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

就是这样。

您使用的是javascript Right,可能存在重复-您需要展示如何将文本插入DOM。请不要再使用了–自20世纪90年代末以来,它一直被弃用。将字符串分配给变量不会将其添加到DOM中。您应该将其作为html内容而不是文本内容注入。