💵
Should I be buying I-Bonds in 2022?
💰
Need a step-by-step guide to opening your Roth IRA?
Buy me a coffee Buy me a coffee
aws c++ career cli css docker finance git java js misc python sql

How to Add Script Tag to HTML DOM from JavaScript

Published Jul 1, 2022  âˆ™  Updated Aug 6, 2022

How can we add a script tag to the HTML DOM from JavaScript?

In my case, I needed to conditionally inject a script tag into the DOM.

This only requires a few steps.

  1. Create <script> tag
  2. Set element attributes
  3. Append tag to the DOM
// Step 1
const script = document.createElement("script");
// Step 2
script.src = "https://some-script-url.com";
script.async = true;
// Step 3
document.body.appendChild(script);

You can append to the <head> just as easily with document.head.appendChild(script).

Related in JS