如何用createTextNode插入HTML实体？

Question

如果我想把一个ascii符号形式js添加到某个节点上？尝试作为TextNode，但它没有将其解析为代码：

var dropdownTriggerText = document.createTextNode('blabla ∧');

Answer 1

不能使用HTML实体创建节点。您可以选择使用unicode值。

var dropdownTriggerText = document.createTextNode('blabla \u0026');

或者设置元素的innerHTML。当然，您可以直接输入&...

Answer 2

createTextNode应该接受任何文本输入并将其完全原样插入到DOM中。这使得不可能插入例如HTML元素和HTML实体。它实际上是一个特性，所以你不需要先避开这些特性。相反，您只需对DOM进行操作以插入文本节点。

因此，您实际上可以直接使用&符号：

var dropdownTriggerText = document.createTextNode('blabla &');

Answer 3

我找不到一种自动化的方法来做这件事。所以我做了一个函数。

// render HTML as text for inserting into text nodes
function renderHTML(txt) {
  var tmpDiv = document.createElement("div"); tmpDiv.innerHTML = txt;
  return tmpDiv.innerText || tmpDiv.textContent || txt;
}