javascript - 如何在javascript中使用替换运算符添加目标="_blank"？

Question

如何替换所有出现的

<a href="http://localhost:4000/disease/description/{a random text}"></a>

所以在这里我想将 target="_bank"添加到所有具有 ' http://localhost:4000/disease/description/ 的 anchor 标记。 *'.我放了开始，因为它表示随机文本。

我尝试过这样

var text = data.replace(/ href="http://localhost:4000/disease/description/*/g,'href="http://localhost:4000/disease/description/* target="_blank"');

但这不起作用。有人可以建议我帮忙吗。谢谢。

Answer 1

您可以使用 document.querySelectorAll() 来获取以该 url 开头的 anchor 。从那里，循环遍历它们并通过 setAttribute 设置 target 属性:

const anchors = document.querySelectorAll('a[href^="http://localhost:4000/disease/description"]');

Array.from(anchors).forEach(a => a.setAttribute('target', '_blank'));

<a href="http://localhost:4000/disease/description">Disease Description 1</a>
<a href="http://localhost:4000/disease/description">Disease Description 2</a>
<a href="http://localhost:4000/disease/description">Disease Description 3</a>

<a href="">Dummy Link</a>
<a href="">Dummy Link</a>
<a href="">Dummy Link</a>