javascript - 为什么用 JS 插入特殊字符时不会在 DOM 中被解释？

Question

我在页面加载后加载了一个脚本（不是立即加载，只是当用户从书签中调用它时）。此脚本将检查当前页面并将某些文本从当前值更改为脚本指定的值。

更具体地说，这用于翻译。例如，它将“Friends”更改为另一种语言的“Freunden”等等。

我通过使用“switch”语句从所选语言中进行选择来做到这一点。问题是，我有异国语言，例如阿拉伯语，语句看起来像这样（伪代码）：

if (Arabic) { var f = 'Друзья'}

然后，此变量用于更改 DOM 中指定节点的内部文本，如下所示：

dI('change').childNodes[0].childNodes[0].textContent = f;

文本将在 DOM 中显示为未更改，所有实体都未解释，而不是其结果语言中应有的方式。如何让浏览器在传递实体时解释它们，就像上面一样？

Answer 1

使用innerHTML代替textContent，就像你的情况一样：

dI('change').childNodes[0].childNodes[0].textContent = f;

变成：

dI('change').childNodes[0].childNodes[0].innerHTML = f;