valeur d'un attribut d'une balise

Version imprimable

Bonjour,

J'ai créé une fonction pour récupérer la valeur de certains attributs de balises :

Code:

1
2
3
4
5
6
7
8
9
10
function getProperties(sNodeId , styleProp) {
    var oNode = (typeof sNodeId == "object")?sNodeId:document.getElementById(sNodeId);
 
	if (oNode.currentStyle)
		var y = oNode.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(oNode,null).getPropertyValue(styleProp);
	return y;
 
}

La fonction ne me retourne aucun valeur !

Par contre, si j'ajoute alert("essai"), le code devenant :

Code:

1
2
3
4
5
6
7
8
9
10
function getCSSProperty(sNodeId , styleProp) {
    var oNode = (typeof sNodeId == "object")?sNodeId:document.getElementById(sNodeId);
alert("essai");
	if (oNode.currentStyle)
		var y = oNode.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(oNode,null).getPropertyValue(styleProp);
	return y;
 
}

J'ai un retour de valeur !!!!!!

Pourquoi et comment contourner ce défaut de débogage ?

Merci

Code:

1
2
3
4
5
6
7
8
9
10
function getProperties(sNodeId , styleProp) {
    var oNode = (typeof sNodeId == "object")?sNodeId:document.getElementById(sNodeId);
 
	if (oNode.currentStyle)
		var y = oNode.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(oNode,null).getPropertyValue(styleProp);
	return y;
 
}

Dans le cas ou oNode.currentStyle==false et window.getComputedStyle==false, 'y' ne prend aucune valeur.

Et tu sur qu'au moins une de ces 2 conditions soit vrai ?
Lorsque tu met la fonction "alert", quelle valeur t'affiche t-il ?

Essai

Code:

1
2
3
4
5
6
7
8
9
10
11
 
var y;
if (oNode.currentStyle){
	y = oNode.currentStyle[styleProp];
} else if (window.getComputedStyle) {
	y = document.defaultView.getComputedStyle(oNode,null).getPropertyValue(styleProp);
} else {
        y = 'une valeur';
}
 
return y;

Bonjour,

Absolument, je me suis rendu compte de ce manque. Cependant, il apparait que dans mon code global, une des deux voies est toujours adoptées.

Néanmoins, c'est vrai qu'il faut prévoir un aiguillage de secours en cas de mauvaises syntaxes de getProperties.

Par ailleurs, après avoir fouillé tout le week-end, ce matin, enfin :), j'ai trouvé ma panne ou plutot celle du code !!

En fait, certains attributs ont un syntaxe particulière lors du passage du code CSS au code javascript !
C'est le cas de bakground-color en CSS et backgroundColor en javascript !

Ainsi Dans mon code global, j'appelle

Code:

getProperties ('machin', 'background-color');

pour avoir la valeur de la propriété de couleur de fond alors que j'aurai dû l'appeller

Code:

getProperties ('machin', 'backgroundColor');

Ainsi j'ai rajouté un morceau de code pour l'interprétation sous IE :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 var oNode = (typeof sNodeId == "object")?sNodeId:document.getElementById(sNodeId); if (oNode.currentStyle){ var y ; if(styleProp=="background-color") y=oNode.currentStyle["backgroundColor"]; else y=oNode.currentStyle[styleProp]; } else if (window.getComputedStyle) { var y = document.defaultView.getComputedStyle(oNode,null).getPropertyValue(styleProp); } return y;
Que de temps perdu pour des bétises de monopole de navigateur !!
Patience est réellement maitresse de toutes les vertues !!!:ccool:
Merci

oui pour le DOM les propriété de style qui en css s'ecrivent avec un trait d'union s'écrivent sans trait d'union et avec une majuscule sur la caractère suivant le trait d'union supprimé
Code:

1 2 3 4 5 6 7 background-color => backgroundColor margin-top =>marginTop border-bottom => borderBottom list-style-type => listStyleType Attention: float = > cssFloat pour FFX styleFloat pour IE