Pobieranie danych, z zewnetrznego css-a Opcje

[kicaj]

Jak pobrac dane (np. kolor, rozmiar) ze styli w zewnetrznym pliku css?

[akubiczek]

Jeżeli masz już zaimportowany stylesheet, np. pierwszy:

document.styleSheets[0].cssRules[index]

- zobacz sobie w DOM Inspector jaka jest struktura

Ten post edytował akubiczek 28.04.2006, 22:13:05

[kicaj]

document.styleSheets[0].cssRules[index]

Wlasnie doszedlem do tego tez:

Kod

document.styleSheets[0].cssRules[index].style.fontSize;

Ale z tego co widze zamiast `index` nie mozna wpisac nazwy, tylko odwolywac sie trzeba poprzez liczby - co mnie nie zadowala...

[Cysiaczek]

Przyłączam się powyższego postu - ja pobrac regułę po jej nazwie?

Dzikeuję i pozdrawiam,

[revyag]

Przykładowy css:

Kod

* {
    margin: 0;
    padding: 0;
}
body {
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#cont {
    margin: 0 auto;
    background-color: black;
    color:#ffffff;
}
#head {
    color:green;
}
.foot {
    color:red;
}

js:

Kod

function getrule(rule,attr) {
    
    var rules = document.styleSheets[0].cssRules;
    var ct = rules.length;
    var out = '';
    var arr = new Array();
    
    if(attr.indexOf('-') > -1) {
        arr = attr.split("-");
        attr = arr[0].concat(arr[1].slice(0,1).toUpperCase().concat(arr[1].substr(1)));
    }
    
    for(var i = 0; i < ct; i++) {
        if(rules[i].selectorText == rule) {
            out = rules[i].style[attr];    
        }
    }
    
    alert(out);
}

przykład:

[HTML] pobierz, plaintext 
<button onclick="getrule('#cont','background-color')">get</button>
[HTML] pobierz, plaintext 

[Cysiaczek]

Dzięki za odpowiedź (IMG:http://forum.php.pl/style_emoticons/default/laugh.gif) . Ja też pogoglowałem trochę i znalazłem taki przykład:

[HTML] pobierz, plaintext 
var styleSheets = document.styleSheets;
   for (var i = 0; i < styleSheets.length; i++) {
     var rules = styleSheets[i].rules;
     for (var j = 0; j < rules.length; j++) {
       if (rules[j].selectorText ==
           '#nazwa') {
//cos robimy
         return true;
       }
     }
   }
[HTML] pobierz, plaintext 

Szkoda, ze nie uwzględnili jakiejś prostszej metody na dostęp do tych css'ów :/

Pozdrawiam.