如何使用JavaScript移除锚标签？附页面检查及代码示例

嘿，我来给你分享几种用JavaScript移除锚标签的实用方法，结合你给出的那段HTML结构，咱们一步步看：

如果你想把带id="view_link"的这个<a>元素彻底移除（包括里面的SHOP ALL文字），操作很简单：

• 先精准定位到这个锚标签：

  const targetLink = document.getElementById('view_link');
  

• 然后直接调用移除方法：

  targetLink.remove();
  

要是需要兼容一些旧浏览器，就用父元素移除的方式：

targetLink.parentElement.removeChild(targetLink);

如果想留下SHOP ALL这段内容，只是去掉外面的锚标签链接属性，那就得把内容“转移”出来再删标签：

简洁版（现代浏览器支持） #

const targetLink = document.getElementById('view_link');
// 把锚标签里的所有子节点替换掉原标签
targetLink.replaceWith(...targetLink.childNodes);

兼容旧浏览器的版本 #

const targetLink = document.getElementById('view_link');
const linkContent = targetLink.childNodes;
// 把内容逐个移到锚标签的父元素里，放在原标签前面
while (linkContent.length > 0) {
  targetLink.parentNode.insertBefore(linkContent[0], targetLink);
}
// 最后删掉空的锚标签
targetLink.remove();

要是你的页面里有多个需要移除的锚标签（比如.dropdownm1-content下的所有<a>），可以用选择器批量获取后循环处理：

const allLinks = document.querySelectorAll('.dropdownm1-content a');
allLinks.forEach(link => link.remove());
// 或者要保留内容的话，把forEach里的逻辑换成方法2的代码就行

内容的提问来源于stack exchange，提问作者angga