Charger le fichier CSS via fonction JS
Résolu
nicodak
Messages postés
49
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
Je tente une petite fonction qui permettrait de charger le fichier CSS dans un fichier HTML.
Cela n'a pas d'objectif autre que de manipuler du code JS, voici le code que j'essaie mais qui malheureusement ne fonctionne pas.
Y voyez-vous l'erreur ?
Merci !
Je tente une petite fonction qui permettrait de charger le fichier CSS dans un fichier HTML.
Cela n'a pas d'objectif autre que de manipuler du code JS, voici le code que j'essaie mais qui malheureusement ne fonctionne pas.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <div class="bar"> <div class="title">Bienvenue sur mon site.</div> </div> <script> function charger_css(){ var css = document.createElement("css"); css.src = "test.css"; document.head.appendChild(css); } </script> </body> </html>
Y voyez-vous l'erreur ?
Merci !
Configuration: Windows / Firefox 85.0
A voir également:
- Charger le fichier CSS via fonction JS
- Fichier bin - Guide
- Fichier epub - Guide
- Fonction si et - Guide
- Fichier rar - Guide
- Comment réduire la taille d'un fichier - Guide
2 réponses
Bonjour,
Déjà... à quel moment appelles tu ta fonction ?
Ensuite, tu ne créés pas un "css" .. mais une balise style
Déjà... à quel moment appelles tu ta fonction ?
Ensuite, tu ne créés pas un "css" .. mais une balise style
// Create new link Element var link = document.createElement('link'); // set the attributes for link element link.rel = 'stylesheet'; link.type = 'text/css'; link.href = 'test.css';
Bonjour Jordan,
Merci pour votre réponse.
Effectivement j'étais loin du compte.
Je comprends maintenant pour la création de la balise <link
Et donc comment puis-je appeler cette balise dans le fichier html entre les balises <head> ?
Ce bout de code ne devrait pas le faire ?
Merci pour votre réponse.
Effectivement j'étais loin du compte.
Je comprends maintenant pour la création de la balise <link
Et donc comment puis-je appeler cette balise dans le fichier html entre les balises <head> ?
Ce bout de code ne devrait pas le faire ?
document.head.appendChild(link);