Comment obtenir les valeurs de style d'un élément HTML en javascript ?

Question

Je cherche un moyen de récupérer le style d’un élément sur lequel un style est défini par la balise style.

Dans le corps

Je cherche du javascript direct sans l’utilisation de bibliothèques.

J’ai essayé ce qui suit, mais je continue à recevoir des blancs :

J’ai remarqué que je ne peux utiliser ce qui précède que si j’ai défini le style en utilisant javascript, mais que je ne peux pas le faire avec les balises de style.

Answer 1

Je crois que vous pouvez maintenant utiliser Window.getComputedStyle()

Documentation MDN

Exemple pour obtenir la largeur d’un élément :

Answer 2

Dans jQuery, vous pouvez effectuer ``.

-- si vous n’avez pas jeté un coup d’œil à jQuery, je le recommande vivement; il rend de nombreuses tâches javascript simples sans effort.

Mettre à jour

pour mémoire, ce post a 5 ans. Le web s’est développé, est passé à autre chose, etc. Il existe des moyens de le faire avec Plain Old Javascript, ce qui est mieux.

Answer 3

Vous pouvez créer une fonction `` qui prendra un élément et d’autres arguments sont des propriétés qui correspondent aux valeurs souhaitées.

Maintenant, vous pouvez utiliser cette fonction comme ceci:

OU

Answer 4

Fonction d’utilisation `` , le style calculé contient toutes les propriétés CSS définies sur un élément. Même si vous ne définissez pas de propriété sur un élément. Vous trouverez toujours cette propriété dans les styles calculés.

Exemple: