Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
910 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1518202
theredled
● REC
Posté le 22-02-2007 à 11:33:34  profilanswer
 

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
mood
Publicité
Posté le 22-02-2007 à 11:33:34  profilanswer
 

n°1518273
theredled
● REC
Posté le 22-02-2007 à 13:09:34  profilanswer
 

:(


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
n°1518311
gatsu35
Blablaté par Harko
Posté le 22-02-2007 à 14:33:44  profilanswer
 

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

n°1518316
theredled
● REC
Posté le 22-02-2007 à 14:42:34  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Javascript et POO[CSS] Largeur mini de page pour positionner barre verticale à droite
recherche de script permettant de récupérer le contenu d'un fichierrécuperer données vbs dans .hta
javascript et IE[Code] Horloge Analogique en HTML/Javascript
Requête sql + javascript[javascript] parent.location fonctionne pas bien
Problème CSS avec Mozillacomment recuperer et traiter des données d'un formulaire html?
Plus de sujets relatifs à : Récupérer propriété CSS en JavaScript/DOM


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR