document.createTextNode with a " " (space) causes thrashing in browser

[NewbieMick]

Hi,

This is my first post so thanks for your help and patience I’m a server-side dev and am picking up some client side javascript for the first time so really I’m a newbie.

Here's the code snippet:

_______________________________________
// create free number
var free_text_span = document.createElement("SPAN");
free_text_span.className = this.CSS_NUMBER_FREE_TEXT_SPAN;
free_text_span.appendChild(document.createTextNode(" " + freeNumberText + " "));
highlightTextAreaElement.appendChild(free_text_span);
_______________________________________

The problem is the “ “ result in the screen blinking and then CPU going up to 100%.

If I remove the spaces there is no thrashing and all is well (but I need the spaces there):

_______________________________________
free_text_span.appendChild(document.createTextNode(freeNumberText));
_______________________________________

I’ve tried to use innerHTML without success, but this could be user error:

_______________________________________
// create free number
var free_text_span = document.createElement("SPAN");
free_text_span.className = this.CSS_NUMBER_FREE_TEXT_SPAN;
free_text_span.innerHTML = " " + freeNumberText " ";
highlightTextAreaElement.appendChild(free_text_span);
_______________________________________

I’d really appreciate someone to point out where I’m going wrong.

Many thanks,
Mick

[xelawho]

weird. I've never had a problem with that. I don't have time to check it out, but in the meantime have you tried

free_text_span.innerHTML = " " + freeNumberText " ";

[Vince616]

You might find that the JavaScript Octal Hex or Unicode special characters might work

octal
free_text_span.appendChild(document.createTextNode("\240"+freeNumberText+"\240"))

hex 
free_text_span.appendChild(document.createTextNode("\xA0"+freeNumberText+"\xA0"))

Unicode
free_text_span.appendChild(document.createTextNode("\u00A0"+freeNumberText+"\u00A0"))

[Troy III]

free_text_span.appendChild( document.createTextNode(" " + freeNumberText + " ") )
should work just fine