Question

我正在从服务器中获取一些html，它以字符串形式返回，但是我需要在html字符串中的所有target='_blank'标记中插入<a>。除了遍历整个字符串以寻找<a然后插入target='_blank'之外，还有更好或更有效的方法吗？

Answer 1

存在使用正则表达式的.replace方法。

var string = "<a href='https://stackoverflow.com/'>Stack Overflow</a><br><a href='https://google.com/'>Google</a><br><a href='https://wikipedia.com'>Wikipedia</a>";

var newString = string.replace(/<a/g, "<a target='_blank'");

document.body.innerHTML = newString;

body {
  background-color: white;
}

<body>
</body>

Answer 2

首先将HTML放入您的页面。然后立即运行修改DOM元素以包含所需属性的代码。

例如，如果要将html放入ID为container的容器元素中：

document.querySelectorAll('#container a').forEach(element => {
  element.setAttribute('target', '_blank')
})

<div id="container">
     <a href="http://google.com">Google</a>
     <a href="http://wikipedia.com">Wikipedia</a>
</div>

Answer 3

您可以使用返回为字符串的html代码创建html元素，然后OTHER_LDFLAGS = "-lSomething ";并最终将getElementsByTagName('a')属性设置为target，例如：

"_blank"

请记住使用template literals`来转义html字符串的双引号和单引号。

Answer 4

 clang++: error: no such file or directory: 'jni/../lib/libavformat.a'

Answer 5

不要使htmlString复杂得多。渲染HTML之后，使用此衬纸：

[...document.links].forEach(a => a.target = '_blank');

document.links是鲜为人知的属性，它将所有<a>收集到HTML集合中。
The bracket and spread operator \[...\]会将其转换为真实的数组。
.forEach()在数组中的每个链接上执行回调函数。
回调函数只需将.target property添加到每个链接并为它们分配"_blank"的值。

演示

[...document.links].forEach(a => a.target = '_blank');

// Just to check if each link is correctly modified
console.log([...document.links].map(a => a.outerHTML));

a {
  font: 700 3vw/1.45 Verdana;
  display: block;
  width: max-content;
  margin-bottom: 8px;
  text-decoration: none
}

a:hover {
  text-decoration: underline;
}

.as-console-wrapper {
  width: 80%;
  min-height: 100%;
  margin-left: 20%;
}

<a href='example.com'>LINK</a>
<a href='example.com'>LINK</a>
<a href='example.com'>LINK</a>
<a href='example.com'>LINK</a>

将字符串插入/插入html字符串

5 个答案:

演示