Create A Blank Html Space On The Fly Javascript

Question

How do I create a blank space on the fly using javascript? The following is not working for me..

var blank = document.createElement(" "); div.appendChild(blank); 

Answer 1

Try using this:

myElement.appendChild( document.createTextNode( '\u00A0' ) ); 

If you want/need more spaces, use several \u00A0 e.g.:

myElement.appendChild( document.createTextNode( '\u00A0\u00A0' ) ); 

---

This one:

document.createEntityReference('nbsp'); 

doesn't work all browsers, so avoid it.