如何替换HTML标记中的文本而不是href链接中的文本？

Question

我想编写一个Javascript函数来更改HTML标记中的文本google：例如：

 <a href='http://google.com'>google</a>

如何更改HTML标记中的文字＆＃34; google＆＃34;但不改变内容＆＃34; http://google.com＆＃34;那是在一个href链接？

Answer 1

如果您使用的是Vanilla JS（普通javascript），那么您需要在所有a之间循环找到a标记，并找到href http://google.com的标记然后将其替换为innerHTML。

var els = document.getElementsByTagName("a");
for (var i = 0, l = els.length; i < l; i++) {
    var el = els[i];
    if (el.href === 'http://google.com') {
        el.innerHTML = "New Content";
    }
}

<强>阐释：

A。 document.getElementsByTagName会返回与传递的代码匹配的所有元素的列表。

B。 el.href会获得href的{​​{1}}。

C。 a将设置新内容。