Comment récupérer des valeurs CSS à partir de feuilles de style externes sans éléments en Javascript/jQuery ?

Récupération de valeurs CSS à partir de feuilles de style externes avec Javascript/jQuery

Dans le développement Web, il peut être nécessaire d'accéder aux valeurs CSS à partir d'une feuille de style externe sans que l'élément HTML correspondant soit physiquement présent sur la page. Ce scénario se produit souvent lors de la génération dynamique de contenu.

La méthode jQuery $('element').css('property') couramment utilisée repose sur l'élément rendu dans la page. Cependant, pour déterminer la valeur de la propriété CSS avant la création de l'élément, une approche alternative est requise.

Utilisation d'un élément de substitution

Une solution consiste à créer un élément temporaire, élément de substitution caché et lire son style calculé. $("

").hide().appendTo("body") de jQuery crée un élément de paragraphe masqué dans le corps de la page. Vous pouvez ensuite appeler $p.css("color") pour récupérer la valeur de la propriété de couleur CSS.

Exemple de code

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

Remarque : Dans cet exemple, le fichier CSS externe doit définir l'élément "p" avec les propriétés de style souhaitées.

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!