javascript - 如何在不使用 innerHTML 的情况下在 JavaScript 中添加不间断的空格？

Question

我正在动态生成内容，在某些情况下，我需要将 a 设置 为元素的唯一内容<span>。

但是，以下添加 为文本与添加空格：

var foo = document.createElement("span")
foo = document.createTextNode(" ");

这是有道理的，所以我想知道，如果 没有（！）使用，我将如何正确添加innerHTML

感谢帮助！

Answer 1

您可以将 unicode 文字用于非中断空间：

var foo = document.createTextNode("\u00A0");

Answer 2

如果不想使用innerHTML，可以使用十六进制转义。

最常见的：

• \x20– 标准空间或\s
• \xC2\xA0– 不间断空间或 
• \x0D– 回车或\r
• \x0A– 换行或\n
• \x09- 标签或\t

在你的情况下：\xC2\xA0

Answer 3

将不间断空间附加到您的父节点，让我们在下面将其称为“父节点”，即：

parent.append("\u00A0");

来源：https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append