javascript - 如何使用 javascript 从 div 中删除整个 'a' 标记？

Question

这个问题已经有答案了:

JavaScript DOM remove element (4 个回答)

Remove element by id (19 个回答)

已关闭 8 年前。

我正在使用这个小部件/片段:

<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 do Brasileirão)。如果我更改 href标签，小部件将无法工作。

我仍然想使用这个小部件，但我正在尝试从它的底部删除该链接。

我成功删除了 href属性使用 document.getElementById("tbnet-link").removeAttribute("href"); ，但文本“Tabela do Brasileirão”仍然显示。

这就是 JSFiddle 上的样子:http://jsfiddle.net/3nhwf6tw/

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

谢谢。

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