Supponiamo di voler inserire in una pagina web uno script Javascript che aggiungerà dei nuovi elementi XHTML a cui vanno applicate delle nuove regole CSS contenute in un foglio di stile esterno.
Si può specificare un collegamento al documento CSS nella sezione head della pagina web, oppure si può lasciare questo compito allo script stesso.

codice Javascript:

<script type="text/javascript">
/* <![CDATA[ */
var heads = document.getElementsByTagName("head");
var headEle = heads[0];
var newlink = document.createElement("link");
newlink.setAttribute("href","cssDaAggiungere.css");
newlink.setAttribute("rel","stylesheet");
newlink.setAttribute("type","text/css");
headEle.appendChild(newlink);
/* ]]> */ 

Anche se la sezione head del documento è già stata analizzata dal browser, una volta aggiunto il nuovo foglio di stile CSS attraverso Javascript le nuove regole CSS sono subito attive.
Eventuali regole CSS già definite da fogli stile specificati nella sezione head vengono sovrascritte da quelle contenute nel nuovo foglio di stile, poichè questo viene aggiunto in fondo alla sezione head.