Question

假设我有一个 html 内容，例如

<p id="p_content">
Test

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

Test

<a href='https://example.co'>example</a>

Hello

<a href='https://Test.com'>test</a>

</p>

如何从中删除所有链接。我试过了，

var content = document.querySelector('#p_content');
var a = content.querySelectorAll('a');
var texts = [].slice.call(a).map(function(val){
   return val.innerHTML;
});
console.log(texts);
document.querySelector('#p_content').innerHTML = texts;

它不返回任何值，而是一个空对象。

Answer 1

您可以使用remove()

document.querySelectorAll('#p_content a').forEach(el => el.remove())

<p id="p_content">
  Test
  <a href='https://google.com'>google</a>
  Test
  <a href='https://example.co'>example</a>
  Hello
  <a href='https://Test.com'>test</a>
</p>

Answer 2

简单：

var links = document.querySelectorAll("a"); // Select your links
links.forEach((link) => { // loop through them
  link.parentElement.removeChild(link); // find their parent element, then remove them
});

如何从 html 内容中删除所有链接

2 个答案: