Изменить текст между тегами с JavaScript

Question

Я хотел бы изменить текст, который находится между этими тегами:

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

Но без изменения ссылки. Я попытался заменить только часть, которую я хочу, с помощью innerHTML и подстроки, но, похоже, отменил теги, которые использует другой скрипт.

Answer 1

Есть по крайней мере два пути для достижения своей цели:

1. замены строк и HTML разбора (с использованием innerHTML)
2. манипуляции DOM настройки текстового узла (используя 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'; 
}