I'd like to change some text that is between those tags :

<div id=thing>
<a href=link></a>texttochangehere<a href=link2></a>
</div>

But without changing the links. I tried replacing only the part I want with innerHTML and substring, but it seems to unlink the tags that another script uses.

I'd like to change some text that is between those tags :

<div id=thing>
<a href=link></a>texttochangehere<a href=link2></a>
</div>

But without changing the links. I tried replacing only the part I want with innerHTML and substring, but it seems to unlink the tags that another script uses.

• javascript
• text
• innerhtml

• textContent vs. innerHTML. See also innerText. – Teemu Commented Jun 25, 2013 at 15:58
• 1 stackoverflow./a/8118165/2256325 – Sergio Commented Jun 25, 2013 at 15:59

1 Answer 1

There are at least two ways to achieve your goal:

1. String replacement and HTML parsing (using innerHTML)
2. DOM manipulation setting the text node (using textContent)

var div = document.getElementById('thing');

// replace text in HTML string:
div.innerHTML = div.innerHTML.replace('texttochangehere','changedtext');

// manipulating text node:
for(var node of div.childNodes){
    if(node.nodeType == 3 && node.textContent == 'texttochangehere')
        node.textContent = 'changedtext';
}