How do I add a non-breaking whitespace in JavaScript without using innerHTML?

javascript whitespace innerhtml createelement createtextnode
frequent picture frequent · Nov 6, 2013 · Viewed 52k times · Source

I'm generating content dynamically and in some instances, I need to set a &nbsp; as the only content of a <span> element.

However, the following adds &nbsp; as text vs adding a empty space:

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

which makes sense, so I'm wondering, how would I add &nbsp; correctly without (!) using innerHTML

Thanks for help!

Answer

vcsjones picture vcsjones · Nov 6, 2013

You can use a unicode literal for a non breaking space:

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

Related questions

Check if a string has white space

I'm trying to check if a string has white space. I found this function but it doesn't seem to be working: function hasWhiteSpace(s) { var reWhiteSpace = new RegExp("/^\s+$/"); // Check for white space if (reWhiteSpace.test(s)) { //alert("Please Check …

Read More
How can I check if string contains characters & whitespace, not just whitespace?

What is the best way to check if a string contains only whitespace? The string is allowed to contain characters combined with whitespace, but not just whitespace.

Read More
How to create string with multiple spaces in JavaScript

By creating a variable var a = 'something' + ' ' + 'something' I get this value: 'something something'. How can I create a string with multiple spaces on it in JavaScript?

Read More