1. Einfache Methode, unabhängig davon, machen Sie es einfach so:
document.createstyLesHeet (). csStext = 'tag {color: rot;' + // Dieser Kommentar hilft nur im aktuellen JS zu verstehen und wird nicht in CSS 'Breite: 300px; Höhe: 150px}' + '.Class -Name {...}' + '#ids {...}' geschrieben;//Beenden. Ich schreibe gerne Semikolonen wie diese, was besser mit der Ausgangsposition des Schreibens des Anweisungen abgestimmt ist, insbesondere wenn andere Aussagen dahinter stehen.
2. Verbesserung ein wenig mehr, um wiederholte Ergänzungen zu verhindern. Sie können dies erreichen, indem Sie Stylesheet -ID hinzufügen und diese beurteilen:
if (! document.Stylheets ['Die zu erstellende Stylesheet -ID ist wie die Vorversorgung']) {// Überprüfen Sie zunächst, ob die zu erstellte Stylesheet -ID vorhanden ist, um eine wiederholte Zugabe von var ss = document.createstyleSheet () zu verhindern; ss.Owningelement.id = 'Die Stylesheet -ID zu erstellen ist wie der vorwärts'; ss.cStext = 'tag {display: inline-block; Überlauf: versteckt;' + // Dieser Kommentar hilft nur im aktuellen JS zu verstehen und wird nicht in CSS 'text-align: links; width: 300px; Höhe: 150px}' + '.classname {...}' + '#ids {...}' geschrieben; }Die obige Methode zum dynamischen Erstellen oder Hinzufügen von CSS -Stilblättern mit JavaScript ist der gesamte Inhalt, den ich mit Ihnen geteilt habe. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.