Comment obtenir tous les paramètres de css en utilisant jquery?

Question

Je voudrais connaître tous les paramètres css de la page en utilisant jquery. Je sais que pour obtenir le réglage de code CSS, nous faisons comme ça,

$('#container').css("width") 

Comme cela, j'ai essayé d'utiliser $('*') pour obtenir tous les paramètres css mais n'a pas pu réussir. S'il vous plaît donnez-moi quelques conseils.

Answer 1

Si vous souhaitez que les éléments avec essayer CSS en ligne:

$("[style]").each(function() { 
    for (var i=0; i<this.style.length; i++) { 
    console.log(this.style[i] + " = " + this.style.getPropertyValue(this.style[i])); 
    } 
}); 

Note: celui-ci utilise les noms de style Javascript qui sont comme pour la spécification CSS plutôt que ceux utilisés dans css() (par exemple « margin- jQuery top "en CSS," marginTop "dans css()). Si vous voulez que tout le style appliqué à un élément en fonction de son style en ligne et des règles CSS définies en interne sur la page Web et via des feuilles de style externes, cela sera un peu plus difficile.

Vous pouvez trouver au moins les feuilles de style mondial avec quelque chose comme:

for (var i=0; i<document.styleSheets.length; i++) { 
    var css = document.styleSheets[i]; 
    for (var j=0; j<css.length; j++) { 
    console.log(css[j] + " = " + css.getPropertyValue(css[j])); 
    } 
} 

Answer 2

Pour moi, votre question n'est pas assez claire pour répondre. Qu'est-ce que vous voulez exactement atteindre?

tous les paramètres de la page css

pourrait signifier beaucoup de choses différentes.

• Voulez-vous les propriétés CSS calculées du navigateur
• Voulez-vous que les classes CSS originales qui appliquent (pas les valeurs calculées, mais les valeurs déclarées à partir de fichiers .css) + tous ou seulement les plus correspondance spécifique
• voulez-vous les styles CSS de inline d'origine
• voulez-vous une liste de tous les stylesheets inclus
• voulez-vous vraiment toutes les propriétés ou seulement une sélection de ceux-ci
• voulez-vous cette fo r chaque élément de la page ou seulement pour ceux spécifiques
• ....