Remove <script> with JS

Question

I would like to remove everything inside of an HTML-section, using JS, but there are <script>-tags inside of the section and JS does not remove them, why and how can I do this?

Code:

document.querySelector(".desktop_only").remove();

<section class="desktop_only">
  The JS removes this text.
  <script> alert("It does not remove the alert, why?"); </script>
</section>

“It does not remove the alert, why?” - because the alert has already happened, before you remove code even runs. Removing the script element after it has already been executed, does not make whatever it did, become undone again. — C3roe
– C3roe, Commented Jan 11, 2021 at 13:55
I'm guessing that the alert() has already been put in the event queue when the remove() command runs. After that, the remove() code runs. And then finally the event queue is processed. — Peter B
– Peter B, Commented Jan 11, 2021 at 13:57

Greg Gaede · Accepted Answer · 2021-01-11 13:56:05Z

1

The problem is HTML scripts are usually run first, then come any included scripts at the bottom of the HTML, so the alert script is probably removed after it already ran. It would be helpful if you added a codepen.io link!

answered Jan 11, 2021 at 13:56

Greg Gaede

587 bronze badges

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

Collectives™ on Stack Overflow

Remove <script> with JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related