Как добавить неиспользуемые пробелы в JavaScript без использования innerHTML?

Я генерирую контент динамически, и в некоторых случаях мне нужно установить   как единственное содержимое элемента <span>.

Однако следующее добавляет   как текст и добавляет пустое пространство:

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

что имеет смысл, поэтому мне интересно, как бы я мог добавить   правильно без (!), используя innerHTML

Спасибо за помощь!

Вы можете использовать литерал unicode для нераспространяющегося пространства:

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

Если вы не хотите использовать innerHTML, вы можете использовать шестнадцатеричный escape-код.

Наиболее распространенный:

В вашем случае: \xC2\xA0