Home/ Questions/Q 9229455
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T05:34:33+00:00

I want to remove a script element and replace it with a different one.

  • 0

I want to remove a script element and replace it with a different one.
Lets say that you

<html>
<head>
<script src="default.js">
</head>

What I want to do is remove default.js and replace it with new.js on the click of a button. I know you can create a script like this:

var new_scr=document.createElement('script'); 
new_scr.src="new.js"; 
document.getElementsByTagName('head')[0].appendChild(new_scr);
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you can set the id for script tag and change the content based on the id instead of replacing it with new one.

    or following might be useful code block for you.

    var $jsRef = $('<script type="text/javascript" >').appendTo(document.body);
$jsRef.attr("src","jsFileName.js");

// You can also add content like this
$jsRef.append(content);


// You can change the js file name or content the same way
$jsRef.attr("src","newJSFileName.js");

// Changing the content like this
$jsRef.empty();
$jsRef.append(content);
    • 0