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

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解析中处理。 无论如何，最好将角色直接放入内容中。 如果您不知道如何在创作环境中\\xA0空格，则可以在JavaScript中使用\\xA0或\ 转义：

a_element.innerText = "\u00A0";

顺便说一句， 不间断空格不是HTML规范的空白字符 。

Answer 3

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

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

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