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

Question

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

例如，我想改变这个

<a></a>

对此

<a> </a>

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

 a_element.innertText = "&nbsp"

因此它不会转换&nbsp为空白并将其呈现为文本 ( <a>&nbsp</a>)。我怎样才能解决这个问题？

score 11 · Accepted Answer

11

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

a_element.innerHTML = "&nbsp;"

于 2013-01-13T11:08:10.660 回答

score 8 · Accepted Answer

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

a_element.innerText = "\u00A0";

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

score 0 · Accepted Answer

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

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

请注意，它在这里看起来像一个常规空间，但它呈现为复制的原始空白。

3 回答 3