How to delete specific div element with Js?

Question

I want to delete specific div element, when it is loaded another page than homepage. I wrote such js code:

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

    }
</script>

I put it in code and put in WIdget.

Html code:

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

It doesn't work anymore I try also this:

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

    }
</script>

Answer 1

I know that remove sometimes doesn't work, so try this:

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]);
        }
    }
}

And then you can remove elements like this

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