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

Question

我在页面加载后加载脚本(不是立即加载，而是在用户从书签中调用它时加载)。该脚本将检查当前页面并将某些文本从当前值更改为脚本指定的值。

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

我通过使用“switch”语句从所选语言中进行选择来实现此目的。问题是，我有外来语言，例如阿拉伯语，并且该语句如下所示(伪代码):

if(阿拉伯语){ 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;