Pour un élément DOM, comment obtenir tous les styles spécifiés dans CSS pour un élément particulier? Est-ce un cas d'itération sur tous les noms de style CSS?
ou y a-t-il un moyen plus élégant? Comment Firebug le fait-il?
merci
4 Réponses :
pour un élément DOM, comment faire tout styles spécifiés dans CSS pour un élément particulier? Est-ce un cas de itération sur tous les noms de style CSS?
Oui, c'est.
ou y a-t-il un moyen plus élégant?
Je ne sais pas plus élégant (l'élégance est assez élevée sur l'échelle subjective), mais cela serait certainement plus court et plus doux si vous avez utilisé une bibliothèque comme JQuery, voici une solution à laquelle quelqu'un est codé pour répondre à une autre question :
Comment Puis-je obtenir la liste des attributs de tous les éléments CSS avec jQuery?
Comment Firebug le fait-il?
Je n'ai aucune idée.
Vous pouvez parcourir tous les styles CSS pour un élément comme celui-ci:
Bonjour - Merci pour la suggestion - Cependant, MyelementStyle [I] semble toujours nul. Mes styles sont définis de CSS externes et non en ligne
Vous devriez être capable de l'obtenir avec GeComputeDstyle A>: var css = window.getComputedStyle(element);
for (var i=0; i<css.length; i++) {
console.log(css[i] +'='+css.getPropertyValue(""+css[i]))
}
C'est génial, car il montre également des styles appliqués à l'élément par différentes classes CSS (pas seulement des styles en ligne). Si vous souhaitez un élément CSS spécifique, vous pouvez utiliser: fenêtre.getComp députétyle (élément) .gepropertyvalue ('Font-Taille')
Les solutions préveeuses mangent les styles tels qu'ils sont modifiés avant l'élargissement. De plus, vous obtenez beaucoup de styles par défaut.
Ma solution lande les styles par défaut et conserve les styles en cascade à travers les éléments.
exécutez dans la console et copiez l'élément souhaité de la vue Éléments. (Testé en chrome)