Css manipulieren

[pumi]

Hallo zusammen,

kann mir jemand einen Tipp geben, wie man
- einen vorhandenen Css-Selektor ändern kann
- einen neuen Css-Selektor erstellen kann
und das mit Javascript zur Laufzeit.

Ich meine nicht element.style=..., sondern
direkt der Style.

Danke vorab und Grüße pumi

 

[j-l-n]

html - Changing CSS Values with Javascript - Stack Overflow
Wobei ich das ehrlich gesagt irgendwie unelegant finde...

 

[mikdoe]

Falls du wissen möchtest, wie man die CSS Klasse an einem Element ändert, so geht das mit element.className = 'name der klasse';.
Und wenn mit dem zweiten Spiegelstrich das dynamische Erzeugen einer Klasse gemeint ist findet sich hier ein Tut: CSS-Stylesheets zur Laufzeit mit Javascript erzeugen | Ajaxschmiede.de

Ansonsten musst du sagen, was du mit "Selector" meinst. Den Begriff verwende ich nur, wenn ich auf Elemente im DOM zugreifen will aber nicht beim Zuweisen oder Erzeugen von CSS.

 

[pumi]

Danke für die Antworten.
Habe in den Links gefunden, was ich gesucht habe.

 

[mikdoe]

Was hast du denn genau gesucht?

 

[pumi]

gesucht habe ich eine Möglichkeit die Eigenschaften eines Css-Selektors zu ändern.

function modifyCssSelector(selector, property, value) {
            
            var dss = document.styleSheets;
            
            for (var c = 0; c < dss.length; c++) {
                try {
                    dss[c].insertRule(selector + ' {' + property + ':' + value + '}', dss[c].cssRules.length);
                } catch (err) {
                    try {
                        dss[c].addRule(selector, property + ':' + value);
                    } catch (err) {}
                }
            }
        }

 

[mikdoe]

Danke pumi.

@Julian, hattest du nicht auch kürzlich einen Ausschnitt deiner Lib gezeigt, wo es um die Kapselung von CSS Ergänzungen und Löchungen ging? Ich finde den Thread nicht mehr wieder.

 

[j-l-n]

@Julian, hattest du nicht auch kürzlich einen Ausschnitt deiner Lib gezeigt, wo es um die Kapselung von CSS Ergänzungen und Löchungen ging?

Zu CSS? Nein, nicht dass ich wüsste. Meinst du die Funktion für insertBefore()?

- - - Aktualisiert - - -

Danke für die Antworten.

Gern geschehn.

 

[tsseh]

ist es absicht, das in alle stylehheets einzufügen?
außerdem ist es keine gute idee einfach die exeption abzufangen. besser, du prüfst, ob die funktion existiert

 

[mikdoe]

Zu CSS? Nein, nicht dass ich wüsste.

Doch, das mit den CSS Klassen adden, da hab ich doch noch so doof nachgefragt, ob du immer nur ganze Klassen zuweist oder wie du das machst.

 

[j-l-n]

das mit den CSS Klassen adden

Ach so. Du meintest wahrscheinlich Element.classList...

 

[mikdoe]

Ja, das war es. Wollte nur sagen, dass das hier ähnlich ist. Vielleicht kann man gegenseitig davon profitieren.

 

[kkapsner]

Ich würde das ja auch nicht in alle Stylesheets einfügen, aber wenn du ihn nur in einen einfügst, musst du zuerst prüfen, ob das Sylesheet überhaupt auch aktiv (.disabled) und schreibbar (.readonly) ist ist.

 

[mikdoe]

Korbinian, was genau? Worauf beziehst du dich?

 

[kkapsner]

Die Stylesheets, die man mit document.styleSheets bekommt können inaktiv oder schreibgeschützt sein...