Wie rufe ich CSS-Eigenschaften aus externen Stylesheets ohne gerenderte Elemente ab?

CSS-Eigenschaften aus externen Stylesheets mit Javascript/jQuery abrufen

Frage:

Kann man das? CSS-Eigenschaftswerte aus einem externen Stylesheet abrufen, auch wenn das zugehörige Element noch dynamisch gerendert werden muss? Die gängige jQuery-Methode $('element').css('property') erfordert, dass das Element auf der Seite vorhanden ist. Gibt es einen alternativen Ansatz?

Antwort:

Ja, es ist möglich, CSS-Eigenschaftswerte zu erhalten, ohne auf vorhandene Elemente angewiesen zu sein. Eine Methode nutzt jQuery und ein temporär eingefügtes Element. So funktioniert es:

jQuery-Lösung:

1. Erstellen Sie ein verstecktes Element mit jQuery, z. B.

   (durch CSS ausgeblendet).

2. Hängen Sie das ausgeblendete Element an die Seite an.
3. Zugreifen und protokollieren Sie die CSS-Eigenschaft des ausgeblendeten Elements mit $('element').css('property') .
4. Entfernen Sie abschließend das ausgeblendete Element von der Seite.

// Scoping function just to avoid creating a global
(function() {
    var $p = $("<p></p>").hide().appendTo("body");
    console.log($p.css("color"));
    $p.remove();
})();

Diese Lösung ermöglicht Ihnen den dynamischen Zugriff CSS-Eigenschaftswerte, ohne dass Elemente auf der Seite vorhanden sein müssen.

Das obige ist der detaillierte Inhalt vonWie rufe ich CSS-Eigenschaften aus externen Stylesheets ohne gerenderte Elemente ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!