InnerHTML with special character is trimming the data

Question

InnerHTML with special character is trimming the data.

elem.innerHTML = displayedObjects.name;

here the displayedObjects.name contains a string like Test&string. The above statement is assigning the value only Test,

What could be done here?

Hm, somebody already edited this, Why you return to plain text again? — vp_arth, Dec 16 '13 at 06:16

score 7 · Answer 1 · answered Dec 16 '13 at 06:17

That's because Test&string isn't actually valid HTML, because & is an escape character for an HTML entity. If it were properly encoded, it would be Test&string instead.

If you're just trying to set the text of an element, I'd suggest you use innerText instead:

elem.innerText = displayedObjects.name;

InnerHTML with special character is trimming the data

1 Answers1

Linked