How can I add a script tag to the HTML DOM from JavaScript?
I needed to inject a script tag into the DOM.
This only requires a few steps.
- Create
<script>tag - Set element attributes
- Append tag to the DOM
Here’s the code:
// Step 1
const script = document.createElement("script");
// Step 2
script.src = "https://the-script-url.com";
script.async = true;
// Step 3
document.body.appendChild(script);
You can append to the
<head>just as easily withdocument.head.appendChild(script).
Leave a Reply