如何使用javascript删除锚标记“<a></a>”

Question

如何在java脚本中删除锚标记？ 当我查看页面时，下面是我得到的截图

这是我的代码：

<div class="dropdownm1-content">
<a href="http://www.cotton.com/shop/"id="view_link"><b>SHOP ALL</b></a>
<b>SHOP BY CATEGORY</b>
<p class="mn_category">

Answer 1

只需使用它的ID获取Element，然后使用remove（）函数将其删除。像这样：

var removeanchor = getElementById('YOURANCHORTAGID');
removeanchor.remove();

或不创建变量：

getElementById('YOURANCHORTAGID').remove();

（用你的anchortag的id替换YOURANCHORTAGID）。如果你想在一个动作之后触发它，只需创建一个函数并用你想要的动作触发它:)。

有关更多信息，请查看mdn文档： https://developer.mozilla.org/de/docs/Web/API/ChildNode/remove

Answer 2

您可以在问题中添加更多信息，以获得更准确的答案。但是，暂时这可能会帮助你。 如果您尝试使用它，请注意这样一个事实：我只在第一个元素中使用了类＆＃39; text_main＆＃39;并且只有第一个孩子带着＆＃39; a＆＃39;标签。您可能需要根据您的代码更改此内容。

＆＃13;

＆＃13;

// Removing a specified element without having to specify its parent node
container = document.getElementByClass("text_main")[0];
var node = document.getElementsByTagName("a")[0];
if (node.parentNode) {
  node.parentNode.removeChild(node);
}

＆＃13;

＆＃13;

＆＃13;

更多信息： https://developer.mozilla.org/en-US/docs/Web/API/Node/removeChild

Answer 3

对于您显示的特定链接：

document.querySelector('.dropdownm1-content .text-main a:first-child').remove()

虽然我强烈建议治疗疾病，而不是症状。