如何使用textContent实体

时间:2018-03-09 16:00:49

标签: javascript dom

我想使用JavaScript设置元素的文本内容。如果我这样做:

var el = document.getElementById('my-element')
el.textContent = '×' 

结果是:

<div id="my-element">&amp;times;</div>

我尝试使用\&,但没有效果。我怎样才能将实体插入文本内容?

2 个答案:

答案 0 :(得分:3)

textContent为您解析HTML。

如果您希望解析指定的文本,请使用innerHTML

&#13;
&#13;
var el = document.getElementById('my-element')
el.textContent = '&times;'

var el2 = document.getElementById('my-element2')
el2.innerHTML = '&times;'
&#13;
<div id="my-element"></div>
<div id="my-element2"></div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

正如其他人回答的那样,您不能将实体与textContent一起使用,并且没有必要
直接使用该字符即可:

 el.textContent= "×";     // times
 el.textContent= " ";

确保您的文件使用<meta charset=UTF-8>编码。无论如何,这是当今的要求。