Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JavaScript TextNode update

If I have a

var t = document.createTextNode(text)
parent.appendChild(t);

Is it possible to simply update the contents of t?

I would like to change the text inside the parent without using removeChild, createTextNode and appendChild. Why would I need this instead of just using innerHTML? Because I don't want to update the contents of the element with HTML code and the text may contain special characters, such as < or & which should be parsed by TextNode's DOM methods.

Thanks,
Tom

like image 337
Tom Avatar asked Nov 05 '25 08:11

Tom


1 Answers

Be aware that adjacent text nodes are collapsed into one (since there is really no way to distinguish two adjacent text nodes).

The contents of a text node can be updated using it's nodeValue property (see MDC).

Since a text node by it's very definition cannot contain any markup, there is no innerHTML property.

like image 163
Tomalak Avatar answered Nov 07 '25 22:11

Tomalak