La proprietà head in Javascript
L'oggetto document.head in Javascript serve a ottenere un riferimento diretto all'elemento <head> di un documento HTML.
document.head
Si tratta di una proprietà dell'oggetto document.
Posso usarlo per aggiungere dinamicamente elementi all'elemento <head>, come nuovi fogli di stile o script, o accedere ad alcune informazioni della sezione.
Cos'è l'element <head>? E' una sezione cruciale in un documento HTML perché contiene metadati, link a fogli di stile CSS, script, e altre risorse che sono importanti per il funzionamento e la presentazione di una pagina web, ma che non vengono visualizzati direttamente nell'area del contenuto visualizzabile dal browser.
Ad esempio, potrei voler cambiare il tema della pagina in base alle preferenze dell'utente modificando i collegamenti ai fogli di stile nella sezione <head>.
<html>
<head>
</head>
<body>
<script>
var link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = "path//mystylesheet.css";
document.head.appendChild(link);
</script>
</body>
</html>
Questo codice crea un nuovo elemento <link> che punta a un foglio di stile e lo aggiunge all'elemento <head> del documento, cambiando dinamicamente l'aspetto della pagina.
E così via.
