Как удалить весь тег 'a' из div с помощью javascript?

Question

Я использую этот виджет/сниппет:

<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 do Brasileirão» по-прежнему отображается.

Вот как это выглядит на JSFiddle: http://jsfiddle.net/3nhwf6tw/

Как я могу удалить с помощью JavaScript Всего <a id="tbnet-link"...Brasileirão</a>?

Спасибо.

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

Answer 1

Как насчет только с помощью 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

Answer 2

Если вы на JQuery, это очень легко:

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

Answer 3

Чтобы удалить элемент:

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

Чтобы просто очистить текст:

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