Pełna wersja: Pobieranie danych
Jak pobrac dane (np. kolor, rozmiar) ze styli w zewnetrznym pliku css?
Jeżeli masz już zaimportowany stylesheet, np. pierwszy:
document.styleSheets[0].cssRules[index]
- zobacz sobie w DOM Inspector jaka jest struktura
document.styleSheets[0].cssRules[index]
- zobacz sobie w DOM Inspector jaka jest struktura
Cytat(akubiczek @ 2006-04-28 23:12:28)
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...
Przyłączam się powyższego postu - ja pobrac regułę po jej nazwie?
Dzikeuję i pozdrawiam,
Dzikeuję i pozdrawiam,
Przykładowy css:
js:
przykład:
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;
}
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);
}
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:
Dzięki za odpowiedź 
. Ja też pogoglowałem trochę i znalazłem taki przykład:
Szkoda, ze nie uwzględnili jakiejś prostszej metody na dostęp do tych css'ów :/
Pozdrawiam.
. Ja też pogoglowałem trochę i znalazłem taki przykład:
Szkoda, ze nie uwzględnili jakiejś prostszej metody na dostęp do tych css'ów :/
Pozdrawiam.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.