如何用Js删除特定的div元素?

时间:2017-11-20 17:12:02

标签: javascript html

我想删除特定的div元素,当它加载另一页而不是主页时。我写了这样的js代码:

<script>
    window.onload = function() {
        if (window.location.href != 'http://stackoverflow.com/')
            document.getElementById('panel').remove();

    }
</script>

我把它放在代码中并放入WIdget。

Html代码:

<div id="panel">
bla bla bla 
</div>

它不再起作用了 我也试着这个:

<script>
    window.onload = function() {
          var loc = http://stackoverflow.com/;
        if (window.location.href != loc)
            document.getElementById('panel').remove();

    }
</script>

1 个答案:

答案 0 :(得分:0)

我知道删除有时不起作用,所以试试这个:

Element.prototype.remove = function() {
    this.parentElement.removeChild(this);
}
NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
    for(var i = this.length - 1; i >= 0; i--) {
        if(this[i] && this[i].parentElement) {
            this[i].parentElement.removeChild(this[i]);
        }
    }
}

然后你可以删除这样的元素

document.getElementById("my-element").remove();