Home/ Questions/Q 3226804
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T16:30:00+00:00

I am building a javascript widget and i need to add my widget css

  • 0

I am building a javascript widget and i need to add my widget css and js files dynamicly to the client page.

I am doing this for now:

    var css = document.createElement('link');
   css.setAttribute('rel', 'stylesheet');
   css.setAttribute('href', 'css path');
   document.getElementById('test').appendChild(css);
   alert(document.getElementById('test').innerHTML);

But it does not add the element to the dom.
The alert shows correctly.

What i am missing?

EDIT1:

Here is the updated code: (note that this is only a test page).

<html>
    <head>

    </head>
    <body>
        <div id="test">
            test
        </div>

        <script type="text/javascript">


    var css = document.createElement('link');
    css.setAttribute('rel', 'stylesheet');
    css.setAttribute("type", "text/css");
    css.setAttribute('href', 'path');
    var header  = document.getElementsByTagName("head")[0];
    header.appendChild(css);
    alert(header.innerHTML);

        </script>  
    </body>
</html>

header.InnerHtml appears correct but nothing is added to the page.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    have you tried to append the css into the <head> section ?

    var css = document.createElement('link');
   css.setAttribute('rel', 'stylesheet');
   css.setAttribute('href', 'css path');
   document.getElementsByTagName('head')[0].appendChild(css);
    • 0