Comment introduire le CSS dans js

Comment introduire le CSS dans js : 1. Utilisez la méthode "document.write" pour générer la balise de lien qui introduit le CSS ; 2. Utilisez la méthode createElement pour créer dynamiquement une balise de lien pour introduire le CSS ;

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

js importe un fichier CSS

1. Utilisez la méthode document.write pour générer la balise de lien qui importe du CSS

Ajoutez l'exemple de code suivant à la fin. en haut du fichier appelant

<script>
    document.write(&#39;<link rel="stylesheet" href="main.css">&#39;);
</script>

2. Utilisez la méthode createElement pour créer dynamiquement des balises de lien pour introduire le CSS

Mettez le code suivant dans le corps

<script>
    new_element = document.createElement(&#39;link&#39;);
    new_element.setAttribute(&#39;rel&#39;, &#39;stylesheet&#39;);
    new_element.setAttribute(&#39;href&#39;, &#39;main.css&#39;);
    document.body.appendChild(new_element);
</script>

Analysons la clé. lignes de code :

Nous utilisons d'abord document.createElement('link') pour générer une balise de lien

Ensuite, définissons son attribut rel sur stylesheet et href sur main.css ;

Enfin, cette balise est ajoutée dynamiquement au corps.

[Apprentissage recommandé :

Tutoriel avancé javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!