Remove all script elements using JS

Question

I am trying to remove all script elements from a HTML page. But for some reason, I can only remove about half of them using the below:

function t(){

   var r = document.getElementsByTagName('script');

    for (var i = 0; i < r.length; i++) {

        if(r[i].getAttribute('id') != 'a'){

            r[i].parentNode.removeChild(r[i]);

        }

    }

}

I have that if condition so that I don't remove the executing script.

I am essentially trying to create a dynamic Javascript dis-abler for my selenium tests.

Jason Harwig · Accepted Answer · 2011-10-28 18:20:55Z

15

Loop in reverse, the count is changing when you start removing nodes.

var r = document.getElementsByTagName('script');

for (var i = (r.length-1); i >= 0; i--) {

    if(r[i].getAttribute('id') != 'a'){
        r[i].parentNode.removeChild(r[i]);
    }

}

answered Oct 28, 2011 at 18:20

Jason Harwig

45.8k5 gold badges46 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Abs Over a year ago

Damn, I didn't spot that. Thanks!

Felix Kling Over a year ago

You can also use for (var i = r.length; i--; ) {

dgzargo Over a year ago

Or use Array.from(r). Thus, the count doesn't change.

Collectives™ on Stack Overflow

Remove all script elements using JS

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related