反正刪除全部<a href=> tags with javascript after the page loads on an iPad?

Question

I know that I can run a line of javascript code after the page loads on an iPad with UIWebView (which is what I am using), but I do not know what I could type to go through and remove all of the tags. I also would like to be able to do this to only certain parts of the page e.g. only remove tags within a certain tag.

Answer 1

You can get all elements by tag name using document.getElementsByTagName()。所有鏈接都有標籤名稱a。您可以通過將它們的display樣式設置爲none來直觀地刪除它們。

var elements = document.getElementsByTagName('a'); 
for (var i = 0; i < elements.length; i++) { 
    elements[i].style.display = 'none'; 
} 

在一定標籤內除去某一標籤的要素，只是調用getElementsByTagName()有問題的元件上。假設你要隱藏只有<li>裏面的所有鏈接：

var listitems = document.getElementsByTagName('li'); 
for (var i = 0; i < listitems.length; i++) { 
    var anchors = listitems[i].getElementsByTagName('a'); 
    for (var j = 0; j < anchors.length; j++) { 
     anchors[j].style.display = 'none'; 
    } 
} 

的element.parentNode.removeChild(element)也是一個很好的，但它並沒有一個標準for循環中很好地工作。您需要循環向後：

var elements = document.getElementsByTagName('a'); 
for (var i = elements.length; i-- > 0;) { 
    var element = elements[i]; 
    element.parentNode.removeChild(element); 
} 

---

更新按照澄清的功能要求：你這樣想取代與代表的聯繫的原始內容的文本節點的鏈接元素？你可以使用Node.replaceChild()。這裏有一個開球例如：

var elements = document.getElementsByTagName('a'); 
for (var i = elements.length; i-- > 0;) { 
    var element = elements[i]; 
    var text = document.createTextNode(element.firstChild.nodeValue); 
    element.parentNode.replaceChild(text, element); 
} 

Answer 2

想我會發佈一個remove（）函數來補充BalusC：

function remove(el){ 
    if(el.parentNode)el.parentNode.removeChild(el); 
} 

注：如果元素沒有父母，這意味着它不在DOM樹中。 這也意味着它將在GC（垃圾收集器）下次運行時被刪除（只要沒有對它的引用）。

Answer 3

如果您要做大量的dom操作，可能需要包含jQuery來抓取元素。刪除項目會更容易一些。例如。

$(function(){ 
    $('.surrounding_class a').remove(); 
}); 

Answer 4

如果你想刪除的鏈接，但保留其顯示內容（文字，圖像等），你可以將自己的childNodes的鏈接之前，然後刪除鏈接元素：

var removeLinks = function(context) { 
    var undefined; 
    if(context === undefined) { 
     context = document; 
    } 
    if(!context) { 
     return false; 
    } 
    var links = context.getElementsByTagName('a'), i, link, children, j, parent; 
    for(i = 0; i < links.length; i++) { 
     link = links[i]; 
     parent = link.parentNode; 
     if(!link.href) { 
      continue; 
     } 

     children = link.childNodes; 
     for(j = 0; j < children.length; j++) { 
      parent.insertBefore(children[j], link); 
     } 
     parent.removeChild(link); 
    } 
    return context; 
}; 

// Use: 
removeLinks(document.getElementById('container'));