Discussion :

[xess91]

Bonjour à tous,

Je test une fonction que j'ai trouvé sur internet pour récupérer les styles CSS, contenu dans une feuille de style, d'un élément du DOM.

La voici:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function getStyleProperty(element, styleProperty)
{
    var prop = "";
 
    if (element.currentStyle)
		prop = element.currentStyle[styleProperty];
 
    else if (window.getComputedStyle)
		prop = document.defaultView.getComputedStyle(element,null).getPropertyValue(styleProperty);
 
    return prop;
}

Lorsque je l'utilise avec 'margin-left' comme styleProperty, elle me retourne NAN Not A Number sous Opéra? Je rentre dans la condition 1!

Merci à tous pour vos aides.

[Eric2a]

Salut,

La propriété margin-left doit s'écrire marginLeft...

Il en est de même pour les autres propriétés (ex. background-color s'écrit backgroundColor).

[Invité]

et il serait preferable d'utilisé getComputedStyle qui de memoire est reconu par apero et est standart

[xess91]

Effectivement pour Opéra la syntaxe est "marginLeft", "marginRight", etc... par contre pour FF il n'accepte pas cette syntaxe il faut l'écrire normalement "margin-left", "margin-right", etc...

Opéra ne reconnais pas "getComputedStyle" mais FF oui!

Merci Eric2a et meka!

[NoSmoking]

Opéra ne reconnais pas "getComputedStyle" mais FF oui!

là je suis surpris

je pense plutôt qu'il reconnait les 2, ce ne serait pas la première fois pour ce browser.

Par contre il ne faut pas oublier que la méthode peut retourner 10px

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
alert( isNaN( '2px'));
alert( isNaN( parseInt('2px', 10)));

[xess91]

J'ai pas compris ton exemple noSmoking!

[NoSmoking]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var sResult = [];
sResult[true]  = 'n\'est pas un nombre';
sResult[false] = 'est un nombre';
alert( '2px ' +sResult[isNaN( '2px')]);
alert( 'parseInt(\'2px\', 10) ' +sResult[isNaN( parseInt('2px', 10))]);

[xess91]

Lol ok, je viens tiquer! Oui j'avais pas compris mais effectivement je passe la valeur de retour dans parseInt.