Récupérer propriété CSS en JavaScript/DOM

Récupérer propriété CSS en JavaScript/DOM - HTML/CSS - Programmation

Marsh Posté le 22-02-2007 à 11:33:34    

Hello boyz

 

J'ai lu qu'on ne pouvait pas accéder aux propriétés CSS d'un objet via JS si celles-ci ont été déclarées dans un feuille de style à part.

 

ex : document.getElementById('div1').style.height sera inaccessible si #div1 a été défini dans une feuille de style à part. J'ai bien compris ?

 

Comment donc faire pour récupérer cette valeur [:pt1cable] ?

 

:jap:


Message édité par theredled le 22-02-2007 à 11:34:47

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 22-02-2007 à 11:33:34   

Reply

Marsh Posté le 22-02-2007 à 13:09:34    

:(


---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 22-02-2007 à 14:33:44    

faut passer par une fonction  :  
 

Code :
  1. // getStyle : retourne la valeur d'une propriete CSS appliquee à un element
  2. function getStyle(oElm, strCssRule){
  3. var strValue = "";
  4. if(document.defaultView && document.defaultView.getComputedStyle) {
  5.  try{ strValue = document.defaultView.getComputedStyle(oElm, "" ).getPropertyValue(strCssRule); }
  6.  catch(e) { strValue = ""; }
  7. }
  8. else if(oElm.currentStyle) {
  9.  try{
  10.   strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
  11.    return p1.toUpperCase();
  12.   });
  13.   strValue = oElm.currentStyle[strCssRule];
  14.  } catch(e) {
  15.   strValue = "";
  16.  }
  17. }
  18. return strValue;
  19. }


 
var margin = getStyle(document.getElementById('div1'),"height" )
 
 
Sinon si c'est vraiment la hauteur d'un élément que tu veux recupérer c'est offsetHeight qu'il faut utiliser

Reply

Marsh Posté le 22-02-2007 à 14:42:34    

Je capte pas grand grand-chose dans la fonction mais ça a l'air intéressant et ça marche sûrement :jap:
Je teste le offsetHeight :jap:
:jap:


Message édité par theredled le 22-02-2007 à 14:43:05

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed