In diesem Artikel werden hauptsächlich zwei Methoden zum dynamischen Generieren von CSS-Code mit Javascript vorgestellt. Manchmal müssen wir js verwenden, um CSS-Code im Style-Tag auf der Seite zu generieren . Methoden, Freunde in Not können sich auf
Zwei Methoden zum dynamischen Generieren von CSS-Code in Javascript beziehen
Manchmal müssen wir js verwenden, um das Style-Tag im zu generieren Seite CSS-Code, die Methode ist sehr einfach, das heißt, erstellen Sie direkt ein Stilelement, legen Sie dann den CSS-Code im Stilelement fest und fügen Sie ihn schließlich in das head-Element ein. Es gibt jedoch einige Kompatibilitätsprobleme, die wir lösen müssen. Zunächst müssen wir in Browsern, die dem w3c-Standard entsprechen, nur den CSS-Code einfügen, der als Textknoten in das Stilelement eingefügt werden soll. Im IE müssen wir styleSheet.cssText verwenden des Stilelements lösen. Es ist auch zu beachten, dass in einigen IE-Versionen die Anzahl der Style-Tags auf einer Seite begrenzt ist. Bei Überschreitung wird ein Fehler gemeldet.
Methode 1:
Fügen Sie einen ID-Namen zum
