如何在元素的文本中動態添加空格？

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; --> <--";

請注意，它在此處看起來像一個常規空間，但它會渲染到復制的原始空格中。