如何在元素的文本中动态添加空格？

Question

我想在DOM元素中插入空格。

例如，我想改变这个

<a></a>

到这个

<a> </a>

如果我手动将&nbsp添加到DOM元素，则它会将&nbsp呈现为空格。但是当我想动态添加时，我使用innerText，

 a_element.innertText = "&nbsp"

因此它不会将&nbsp转换为空格并将其呈现为文本（<a>&nbsp</a>）。我该如何解决这个问题？

Answer 1

根据需要使用.innerHTML编辑该特定链接的HTML。

a_element.innerHTML = " "

Answer 2

HTML实体引用仅在HTML解析中处理。无论如何，最好将角色直接放入内容中。如果您不知道如何在创作环境中键入不间断空格，则可以在JavaScript中使用\xA0或\u00A0转义符：

a_element.innerText = "\u00A0";

顺便说一句，根据HTML规范，不间断空格不是whitespace character。

Answer 3

您也可以只复制所需的空白字符并将其粘贴到您的javascript字符串中。例如，我的html中有一个 ;当我加载页面时，我复制了该空格并将其粘贴到我的javascript中的字符串中：

var myString = "Here is &emsp; --> <--";

请注意，它在这里看起来像一个常规空间，但它会渲染到复制的原始空格中。