Salut!
Je cherche le moyen d'afficher à l'écran (avec alert), le style d'un objet dont les propriétés sont définies avec CSS... Dans le code suivant, le 1er div possède un style défini directement dans sa balise et là, aucun problème pour obtenir ses propriétés. Dans le 2ème div, il n'ya aucun style défini dans la balise, seulement le style CSS est bien appliqué à l'objet. Malgré tout, impossible d'obtenir l'affichage de ses propriétés...
[EDIT]
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 <html> <head> <style> div { background-color:white;border:11px solid red; } </style> </head> <body> <div id="d1" style="border:10px solid lime;">1</div> <div id="d2">2</div> <script type="text/javascript"> <!-- alert(document.getElementById('d1').style.border); alert(document.getElementById('d2').style.border); //--> </script> </body> </html>
J'ai essayé avec getAttribute(), mais la valeur renvoyé est une chaine vide...
Merci d'avance pour votre aide.
Code : Sélectionner tout - Visualiser dans une fenêtre à part alert(document.getElementById('d2').style.getAttribute('border',''));
Partager