Change the value of textNode

Question

Is there a way to change the DOM value of textNode in a web browser?

I specifically want to see if I can modify an existing node, and not create a new one.

To clarify, I need to do this using Javascript. All text in the browser is stored in #textNodes, which are child nodes of other HTML nodes but cannot have child nodes.

As shown below, the contents can be changed by setting the nodeValue property of these objects.

Answer 1

If you have a specific node (type #text) and want to change its value, you can use the nodeValue property

node.nodeValue="new value"; 

Note:

innerText (and possibly textContent) will return / set both the current text node and all subsequent nodes, and maybe this will not be the behavior you want / expect.

Answer 2

I believe that innerHTML is used for this ... And again, this is not W3C endorsement ... but it works ...

 node.innerHTML="new value";