This question may be duplicate of any. But, after lot of try I couldn't find the proper solution for this.

This is my code

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
<script>
    $(document).ready(function () {
        var els = document.querySelectorAll('body > *');
        els[els.length - 1].remove(); //getting error here            
    })
</script>

I don't know why my application is showing error in browser console like

TypeError: els[els.length - 1].remove() is not a function

When i can run same function in browser console window and it works. but, when i place my code in the page it shows me error like above. I have also tried to call .removeNode(boo) method but, it was also not working. Actually when i try to write ele[].remove() in the code the intellisence doesn't suggest me that function.

This question may be duplicate of any. But, after lot of try I couldn't find the proper solution for this.

This is my code

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
<script>
    $(document).ready(function () {
        var els = document.querySelectorAll('body > *');
        els[els.length - 1].remove(); //getting error here            
    })
</script>

I don't know why my application is showing error in browser console like

TypeError: els[els.length - 1].remove() is not a function

When i can run same function in browser console window and it works. but, when i place my code in the page it shows me error like above. I have also tried to call .removeNode(boo) method but, it was also not working. Actually when i try to write ele[].remove() in the code the intellisence doesn't suggest me that function.

• javascript
• jquery
• asp-mvc

Share Improve this question Follow asked Sep 21, 2014 at 3:34 ShellShell 6,8491111 gold badges4343 silver badges7474 bronze badges 2

• What's the value of els at the point of failure? – isherwood Commented Sep 21, 2014 at 3:36
• Its a div at els[els.length - 1] element. – Shell Commented Sep 21, 2014 at 3:37

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

DOMNodes don't have a remove() method. Use this:

$(document).ready(function () {
    var els = document.querySelectorAll('body > *');
    $(els[els.length - 1]).remove(); 
});

or even better, this:

$(document).ready(function () {
    $('body > *').last().remove();
});