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

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或\u00A0逃逸在JavaScript：

a_element.innerText = "\u00A0"; 

BTW，无休息空间不是whitespace character由HTML规范。

Answer 3

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

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

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