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>

这个小部件强制在它的底部有一个链接（TabeladoBrasileirão）。如果我更改了href标记，则小部件将无效。

我仍想使用此小部件，但我正尝试从其底部删除该链接。

我设法使用href删除document.getElementById("tbnet-link").removeAttribute("href");属性，但文本“TabeladoBrasileirão”仍在显示。

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

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

感谢。

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

Answer 1

删除元素：

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

要清除文字：

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

Answer 2

如何仅使用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 3

如果您正在使用jQuery，那很简单：

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

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

3 个答案: