在Javascript中,如何避免createTextElement方法中的"转义"？

Question

这是Jsfiddle 演示

document.getElementById("container").appendChild(document.createTextNode(' '))

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<div id="container" class="material-icons"></div>
<br>
<div class="material-icons">&#xe145;</div>

我有两个<div>节点.

 是字体中"加号"的实际字符代码.

但是,Javascript 附加的那个不起作用.

似乎是逃脱createTextNode或appendChild...

有没有人有关于如何逃避逃脱的想法..

Answer 1

在创建文本节点时,您将跳过识别实体表示法并生成相应内容的HTML分析步骤.

但是,您可以使用JavaScript转义序列:

document.getElementById("container").appendChild(document.createTextNode('\ue145'))

JavaScript代码中的字符串被解析,但它根据JavaScript语法,而不是HTML语法规则的解析.