Comment récupérer les propriétés CSS des feuilles de style externes sans éléments rendus ?

Récupération des propriétés CSS à partir de feuilles de style externes avec Javascript/jQuery

Question :

Peut-on récupérer les valeurs des propriétés CSS d'une feuille de style externe, même si l'élément associé n'a pas encore été rendu dynamiquement ? La méthode jQuery courante, $('element').css('property'), nécessite que l'élément soit présent sur la page. Existe-t-il une approche alternative ?

Réponse :

Oui, il est possible d'obtenir les valeurs des propriétés CSS sans s'appuyer sur des éléments existants. Une méthode utilise jQuery et un élément temporairement inséré. Voici comment cela fonctionne :

Solution jQuery :

1. Créez un élément caché à l'aide de jQuery, par exemple

   (caché via CSS).

2. Ajouter l'élément masqué à la page.
3. Accédez et enregistrez la propriété CSS de l'élément masqué en utilisant $('element').css('property') .
4. Enfin, supprimez l'élément masqué de la page.

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

Cette solution vous permet d'accéder dynamiquement aux valeurs des propriétés CSS sans qu'il soit nécessaire que des éléments existent sur la page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!