CODEWITHSUNDEEP
javascriptdominnerhtmlcreatetextnode
Tom
Tom

Reputation: 7253

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

Upvotes: 4

Views: 9804

Answers (4)

SridharKritha
SridharKritha

Reputation: 9711

Below example code overwrites the "Old Value" of the text node with the "New Value".

const textNode = document.createTextNode("Old Value");
parent.appendChild(textNode);

textNode.nodeValue = "New Value";

Upvotes: 0

Tomalak
Tomalak

Reputation: 338416

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.

Upvotes: 11

Tom
Tom

Reputation: 7253

parent.innerText = text;

Upvotes: 2

Peter
Peter

Reputation: 14518

If you keep the instance of the TextNode object (t in your example code) then you can change the content using various functions like replaceData(), substringData(), etc..

See this page for a nice reference: http://msdn.microsoft.com/en-us/library/ms535905(VS.85).aspx#

Upvotes: 2

Related Questions