如何從<a>鏈接</a>

Question

刪除和如何刪除<a>link</a>的<a>和</a>？通過JavaScript

Answer 1

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 2

沒有jQuery的：

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

Answer 3

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

其中a是對該ANCHOR元素的引用。

現場演示：http://jsfiddle.net/simevidas/S79pZ/

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> 

的[圍繞文本節點使用JavaScript移除標籤（