javascript - 使用 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';
}