Ich möchte das style-Tag nach dem Generieren von Inhalten ändern. Wie kann ich dem Stil-Tag Stil hinzufügen? Ich habe versucht mit:
%Vor%aber es hat nicht funktioniert
Sie versuchen wahrscheinlich, css zum style-Tag hinzuzufügen. Dies kann erreicht werden mit:
%Vor%Sie können auch verwenden:
%Vor%Ich weiß, dass dies eine alte Frage ist, aber ich habe versucht, einen Weg zu finden, diese auch dynamisch zu aktualisieren, ohne das Styling direkt auf das Element anzuwenden.
Wenn Sie einem Style-Tag eine ID geben und sie auswählen, können Sie mit der Sheet-Eigenschaft auf ihr CSS zugreifen.
Von hier aus können Sie alles aktualisieren, was Sie wollen. Indem Sie das gesamte CSS innerhalb des Tags ersetzen oder einzelne Klassen aktualisieren.
%Vor%Dies ist Ihre Klassenauswahl.
%Vor%Dies sind alle individuellen CSS-Eigenschaften für diese Klasse.
Sie können die Hintergrundfarbe aktualisieren, indem Sie Folgendes tun:
%Vor%Dies ist eine Möglichkeit, auf alle Style-Tags in Ihrem HTML-Code zuzugreifen. Leider gibt es keine eindeutige ID für jede CSSStyleRule, die ich finden kann. Am nächsten ist der selectorText, aber offensichtlich kann das wiederholt werden. So oder so zumindest für meine Bedürfnisse, tut dies genau das, was ich brauche.
Sie können auch alle enthaltenen CSS-Dateien aktualisieren, indem Sie document.styleSheets verwenden und im Allgemeinen auf die gleiche Weise darauf zugreifen.
%Vor%Die href der enthaltenen CSS-Datei.
%Vor%Alle Klassen im Blatt.
Hoffe das hilft jemandem!
A style element hat kein element children, da sein Inhalt definitionsgemäß nur Text ist (was HTML betrifft). Dies bedeutet jedoch, dass Sie den Inhalt einfach mit der Eigenschaft innerHTML anhängen können. Wenn Ihr Element <style id=foo> hat, schreiben Sie:
Ich habe ein kurzes Beispiel in Ссылка zusammengestellt.
Sie können eine ID an die Stil-Tags anhängen, genau wie jedes andere Element in HTML.
<style id="style"></style>
Nun können Sie den Code, den Sie ausprobiert haben, mit appendChild übernehmen und eine schnelle Änderung hinzufügen
document.getElementById('style').appendChild(document.createTextNode(styleContents));
Dies sollte den Trick machen. Viel Glück.
Sie können auch die innerHTML-Methode verwenden, die als Antwort unter mir aufgeführt ist.
Wenn Sie Regeln an ein vorhandenes Stylesheet anhängen möchten, müssen Sie die insertRule-Methoden verwenden. Es wird wahrscheinlich viel einfacher für den Browser sein, als nur Text anzuhängen. Auch wenn Sie es wie folgt tun, wenn eine bestimmte CSS-Regel keine gültige Syntax ist, wird sie übersprungen und somit die Integrität Ihres Dokuments geschützt.
Verwendet jQuery nur für die Zeichenkettenanpassung, wird wahrscheinlich sowieso nicht benötigt.
Sie müssen ihm die ID des Style-Tags geben.
%Vor% Wenn Sie auf @AtheistP3ace antworten, ist hier eine Funktion, die reinen JavaScript verwendet, um den Inhalt eines Stilblocks zu ändern:
Tags und Links javascript css