Heim  >  Artikel  >  Web-Frontend  >  So führen Sie CSS in JS ein

So führen Sie CSS in JS ein

藏色散人
藏色散人Original
2021-04-19 09:51:258190Durchsuche

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.

So führen Sie CSS in JS ein

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

rrree

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn