如何從javascript中使用javascript刪除整個'a'標籤？

我使用這個插件/片段：如何從javascript中使用javascript刪除整個'a'標籤？

<div class="tbnet-gadget"> 
    <div id="tbnet-g4">Carregando...</div><a id="tbnet-link" href="http://www.tabeladobrasileirao.net/" target="_blank" class="tbnet-link" title="Tabela do Brasileirão">Tabela do Brasileirão</a> 

    <script async src="http://gadgetsparablog.com/ws/tabeladobrasileirao/script?funcao=g4&campeonato=serie-a" type="text/javascript"></script> 
</div>

這個小工具強制在它的底部（Tabela做Brasileirão）的鏈接。如果我更改href標記，該小部件將不起作用。

我想仍然使用這個小部件，但我試圖從它的底部刪除該鏈接。

我設法刪除href屬性使用document.getElementById("tbnet-link").removeAttribute("href");，但文本「Tabela doBrasileirão」仍然顯示。

這是怎麼看起來像的jsfiddle：http://jsfiddle.net/3nhwf6tw/

如何刪除整個<a id="tbnet-link"...Brasileirão</a>使用JavaScript？

謝謝。

http://jsfiddle.net/3nhwf6tw/#&togetherjs=1DF8EF6xuh

來源

2014-09-12 viniciusmunich

嘗試'的document.getElementById（「tbnet鏈接」）的style.display = 「無」;'而不是僅僅把它隱藏 – Darren 2014-09-12 20:09:58

@Darren，謝謝，但沒有奏效。 – viniciusmunich 2014-09-12 20:13:09

您的小部件內置了安全功能，所以您無法刪除該鏈接。 – adeneo 2014-09-12 20:16:51

如何只使用CSS來代替：

#tbnet-link{ 
    display: none !important; 
}

JSFiddle

這裏的非CSS版本（這是一個有點可笑）：

您可以刪除此：

<a id="tbnet-link" href="http://www.tabeladobrasileirao.net/" target="_blank" class="tbnet-link" title="Tabela do Brasileirão">Tabela do Brasileirão</a>

如果你添加這個jQuery並刪除你的html中的腳本：

$.getJSON("http://54.207.27.130/ws//tabeladobrasileirao/g4.jsonp?callback=?&campeonato=serie-a&time=None", function(k) { 
      $("#tbnet-g4").html(k.html.replace(/\<script.*?\<\/script\>/, "")); 
     });

JSFiddle no-CSS

來源

2014-09-12 20:17:48 imtheman

謝謝！雖然它沒有使用JavaScript，但它確實隱藏了我想隱藏的內容。在分配最佳答案之前，我會等待有人能夠使用javascript來做到這一點。 – viniciusmunich 2014-09-12 20:25:54

@viniciusmunich CSS是唯一不錯的選擇（除非你解構JSON調用，我曾經和將會發布）。如果您查看您調用的腳本中的代碼，它會檢查鏈接（因此您無法刪除它），它會清除您嘗試添加的所有屬性，並且它加載的JSON會檢查鏈接是否未改變（顯然除了href屬性）。 – imtheman 2014-09-12 21:05:36

如果你彌補jQuery的，它真的很容易：

$(function(){ 
    $("#tbnet-link").remove(); 
});

來源

2014-09-12 20:07:45 David

由於小部件識別出「href」已更改，並且顯示錯誤消息，所以不起作用。也許這個工程如果在整個小部件被加載後執行。如何在裝入Widget後運行它？ – viniciusmunich 2014-09-12 20:10:59

如果您要移除整個標籤，爲什麼還要更改href？無論哪種方式，jQuery在頁面加載後運行。記得導入它。檢查編輯。 – David 2014-09-12 20:12:13

要刪除的元素：

var el = document.getElementById("tbnet-link"); 
el.parentNode.removeChild(el);

如果只想清除文本：

var el = document.getElementById("tbnet-link"); 
el.innerHTML = ""

來源

2014-09-12 20:12:43 ohlec

謝謝。問題在於小部件識別出某些內容已更改，然後顯示錯誤消息。請參閱：http://jsfiddle.net/7s3apztj/ – viniciusmunich 2014-09-12 20:15:01

如何從javascript中使用javascript刪除整個'a'標籤？

回答

相關問題