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

2 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(&#39;<link rel="stylesheet" href="main.css">&#39;);
</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!