Using HTML DOM to change contents of Script Tag

Question

When we use html dom,we normally run code such as :

document.getElementById('id').innerHTML = 'new text' to change the contents of a tag such as <div>

However I tried this with the <script> tag and it doesn't seem to be working. What should I try?

document.getElementsByTagName('script')[0].innerHTML = "document.write('ok')"

TimonNetherlands · Accepted Answer · 2021-02-19 15:48:50Z

1

Let's say you have a collection of scripts:

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

Executing scripts[0].innerHTML = "document.write('ok')" will effectively change the script's content, but the script's new content will not be executed.

The solution is straightforward:

Delete the script you want to update.
Create a new script and add it to the page's body. It will be executed.

With your to-be-updated script in the body this equals to:

document.body.removeChild(scripts[0]);
var newScript = document.createElement('script');
newScript.innerHTML = 'document.write("ok")';
document.body.appendChild(newScript);

edited Feb 19, 2021 at 15:48

answered Feb 19, 2021 at 11:34

TimonNetherlands

1,0531 gold badge7 silver badges6 bronze badges

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

1 Comment

Coolsugar Over a year ago

Yes I realised that the code I wrote in the question would not execute, it was an example, and thank you for your solution.

Collectives™ on Stack Overflow

Using HTML DOM to change contents of Script Tag

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related