Heim > Artikel > Web-Frontend > So führen Sie CSS in JS ein
So führen Sie CSS in JS ein: 1. Verwenden Sie die Methode „document.write“, um das Link-Tag auszugeben, das CSS einführt. 2. Verwenden Sie die Methode „createElement“, um dynamisch ein Link-Tag zur Einführung von CSS zu erstellen.
Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
js importiert CSS-Dateien
1. Verwenden Sie die Methode document.write, um das Link-Tag auszugeben, das CSS importiert.
Fügen Sie den folgenden Beispielcode oben in der aufrufenden Datei hinzu
rrree2 um dynamisch ein Link-Tag zum Importieren von CSS zu erstellen.
Nachdem wir den folgenden Code in den Text eingefügt haben
<script> document.write('<link rel="stylesheet" href="main.css">'); </script>
Lassen Sie uns die wichtigsten Codezeilen analysieren:
Zuerst verwenden wir document.createElement('link'), um ein Link-Tag zu generieren;
Dann setzen Sie das rel-Attribut auf stylesheet, href ist main.css.
Fügen Sie dieses Tag schließlich dynamisch zum Textkörper hinzu.
【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】
Das obige ist der detaillierte Inhalt vonSo führen Sie CSS in JS ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!