Home/ Questions/Q 8478719
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T18:49:20+00:00

I’m modifying some legacy code and I found a web page that loads the

  • 0

I’m modifying some legacy code and I found a web page that loads the JQuery library only to perform the following (this is inside a <script> tag in the <body> of the page):

$(document).ready(function(){ 
  //Once the document is ready, run the following code
  $("head").append($("<link rel='stylesheet' href='style-"+myCSS+".css' type='text/css' media='screen' />"));
});

I want to convert this code to regular JavaScript and remove JQuery (I’m not against the use of JQuery, I’m against the idea of having to load 90+Kb only to do that).

My idea, but I’m not a JS expert, is to use (in the same position in the page):

headReference.innerHTML = "<link rel='stylesheet' href='style-" + myCSS + ".css' type='text/css' media='screen' />";

Is there any better solution?

Any help is appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s the equivalent plain javascript:

    var head = document.getElementsByTagName("head")[0];
var link = document.createElement("link");
link.rel = 'stylesheet';
link.type = 'text/css';
link.media = 'screen';
link.href = 'style-'+myCSS+'.css';
head.appendChild(link);

    If it matters to load that after the document has loaded (which is probably not required), then you can place this code in a script tag right before the end of the <body> tag – otherwise, you can put it anywhere in the <body> element.

    • 0