在javascript变量中添加HTML标记

在javascript变量中添加HTML标记,javascript,html,string,variables,concatenation,Javascript,Html,String,Variables,Concatenation,嗨,我有一个简单的问题。 为什么这不起作用 let plus = "+" + '<h1>'+"This is a heading"+'</h1>'; let plus=“+”+”+“+”+”这是一个标题“+”; 我将此作为输出: +<h1>This is a heading</h1> +这是一个标题 请看:,这是我想要的+完成。所以我想添加+和Done文本作为变量 谢谢你的解释。 E.如前所述-您在代

嗨,我有一个简单的问题。 为什么这不起作用

let plus = "+" + '<h1>'+"This is a heading"+'</h1>';
let plus=“+”+”+“+”+”这是一个标题“+”;
我将此作为输出:

+<h1>This is a heading</h1>
+这是一个标题
请看:,这是我想要的+完成。所以我想添加+和Done文本作为变量

谢谢你的解释。
E.

如前所述-您在代码中有加号,浏览器将其呈现为字符串AMN,h1的其余部分也将是字符串-而不是
的html元素。如果我理解你的需求-你正在尝试制作一个字符串,然后将其渲染

这样,您可以动态创建元素,添加图标和其他html元素,然后使用innerHTML()将其添加到DOM中

让headingStr='';
headingStr+='';
headingStr+='~';
headingStr+=“这是一个标题”;
headingStr+='*';
headingStr+='';
document.querySelector(“#container”).innerHTML=headingStr
#容器{
填充:8px 16px;
边框:纯色1px蓝色;
}
h1{
字号:18px;
颜色:绿色;
保证金:0;
}
.图标{
颜色:红色;
}

您是如何使用plus变量的?您的代码中有
“+”
。预期结果是什么?最好使用相同的引号样式,除非出于转义目的需要更改它。还有助于可读性。这是预期的输出。除转义引号外,单引号或双引号中的任何内容都是单独的字符串<代码>+
连接字符串。。。或者做数学。不,这不是我的意思。实际上,我正在尝试获取这个var节点=document.createTextNode(taak+“+一些文本”);所以加号只是一个字符串。请看这里:screencast.com/t/3ljKFFMa,所以我不想在div中添加它,因为我已经在div中添加了它。这有意义吗?