将内容添加到现有元素节点中，期望结果为“区域6”，而是得到区域<span> 6 </span>＆＃39;

Question

我是javascript的新手，正在学习如何在现有的html中添加新内容。在下面的代码中，我尝试计算DOM中li的数量，并显示现有h2元素的总数。

我期待结果是Region 6，但我得到了

因为我刚开始学习JavaScript，所以我不确定自己做错了什么。

Answer 1

这是因为您使用.textContent将文字设置为"<span>" + totalItems + "</span>"。

docs for textContent状态：“...文本未被解析为HTML ...此外，这避免了XSS攻击向量。”。

您可能希望使用.innerHTML，但请注意，因为它可能会使您的网站容易受到跨网站脚本的攻击。<​​/ p>