Question

如何从<a>删除</a>和<a>link</a>？通过JavaScript

Answer 1

没有jQuery：

function GetInnerContents() {
    var tempElem = document.createElement("div");
    tempElem.innerHTML = "<a>link</a>";
    var aTag = tempElem.firstChild;
    return aTag.innerHTML;
}

Answer 2

a.parentNode.replaceChild(document.createTextNode(a.textContent), a);

其中a是对该ANCHOR元素的引用。

现场演示： http://jsfiddle.net/simevidas/S79pZ/

Answer 3

You can use jQuery：

如果是字符串：

var htmlSource = ...;
var tree = $("<div>" + htmlSource + "</div>");

tree.find('a[href]')
    .replaceWith(function() { return this.childNodes });

htmlSource = tree.html();

如果它已经在DOM中了：

$(...).find('a[href]')
      .replaceWith(function() { return this.childNodes });

Answer 4

此函数接受任何html元素，接受其所有子元素（无论是文本节点还是其他html元素），并将它们附加到元素的父元素。然后它删除元素。没有jquery。

function removeAnchor(tag) {
  while (tag.childNodes.length > 0)
    tag.parentNode.insertBefore(tag.childNodes[0], tag);
  tag.parentNode.removeChild(tag);
}

使用示例

<a href='dontcare' id='myanchor'>Click me <img src='http://www.google.com/images/logos/ps_logo2.png'> Thanks </a>
<script>
removeAnchor(document.getElementById('myanchor'));
</script>

如何从<a> and </a>中删除<a>link</a>

4 个答案: