Hvordan henter jeg verdi fra CSS-dokument vha JavaScript?

[Rognalf]

Jeg ønsker å lese av den nåværende verdien i et CSS-dokument, i dette tilfellet "12px" fra font-size-attributtet. Jeg vet ikke helt hvordan jeg skal gå frem for å få til dette. Her er det jeg har prøvd og mislykkes med:

 

var x = document.body.style.fontSize.value;

alert ("Skriftstørrelsen er " + x + " piksler");

 

Hva må jeg gjøre for å få tak i verdien fra CSS-dokumentet?

[TheRealL]

Hvis jQuery hadde vært et alternativ så hadde nok dette vært mye enklere.

 

var fontsize = $("body").css("font-size");
alert("Skriftstørelsen er: "+ fontsize);

 

Det burde fungere.

[Rognalf]

Takk for forslaget, men jeg skulle aller helst fått det til med vanlig JS.

[xibriz]

Uten å sjekke noe som helst, tipper jeg at jQuery sin $("body") tilsvarer document.getElementsByTagName('body')

[Rognalf]

Løsningen ble ikke like elegant som jeg hadde tenkt meg, men god nok foreløbig

 

(Jeg har tre linker i en meny øverst i dokumentet (-a, reset, og +A). Onclick kaller denne funksjonen). Reset funker ikke helt som ønsket hvis man har forstørret eller forminsket dokumentet, men jeg skal nok finne ut av det.)

 

var fontSize = 0.8;

function resize() {

if (this.innerHTML == "-a") {

fontSize = fontSize - 0.1;

document.body.style.fontSize = fontSize+'em';

}

else if (this.innerHTML == "Reset") {

document.body.style.fontSize = 0.8+'em';

}

else if (this.innerHTML == "+A") {

fontSize = fontSize + 0.1;

document.body.style.fontSize = fontSize+'em';

}

}

[dabear]

Bra du fant ut av det. Her er forøvrig den mest korrekte metode for å finne stilen på et visst element:

 

http://www.quirksmode.org/dom/getstyles.html

 

function getStyle(el,styleProp)
{
var x = document.getElementById(el);
if (x.currentStyle)
	var y = x.currentStyle[styleProp];
else if (window.getComputedStyle)
	var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
return y;
}

[Rognalf]

Takker, skal studere linken og eksempelet