jQuery的.html（）的纯JavaScript替代品

Question

以下代码用于ajax-load div。

我遇到的唯一问题是Set呈现 raw html，所以我认为用纯JS替代品替换它可能是个好主意，这样我的观点清除任何逃脱的原始HTML。

我很想听听你对此的看法。

.html()

Answer 1

您可以使用textContent：

  

Node.textContent属性表示节点的文本内容   及其后代。

element.textContent = responseText;

Answer 2

jQuery的.html()方法接受一个字符串并通过HTML解析器运行该字符串，以便可以处理任何HTML标记并更新DOM。 jQuery的.text()方法也接受一个字符串，但该字符串（即使它包含HTML）不会传递给HTML解析器进行处理，任何标记都会被转义并作为文本内容包含在页面中。< / p>

如果您不想使用jQuery，您可以使用DOM .html()（https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML）属性完成与.innerHTML相同的操作。

如果您希望完成与.text()相同的操作，则可以使用专有/遗留.innerText（https://developer.mozilla.org/en-US/docs/Web/API/Node/innerText）属性或标准textContent（{{ 3}}）DOM属性（但IE中不支持后者，直到IE 9）。