Get an elements style value as it is in the .css file

Dave · Jul 25, 2009

Hi

How do I, via javascript, get an elements style value as it is in
the .css file, and not the computed value.
For #span, in the code below, I would like to get the value 167% and
not 22px.

So are there an direct way to get that value just as you would when
using, window.getComputedStyle(element, pseudoElt) or element.style.

Thanks / Dave

test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
<p id="p">Lalala lalala <span id="span">hmm</span> lalala lalala</
p>
</body>
</html>

test.css
body{font-size:13px;}
#p{font-size:100%;}
#span{font-size:167%;color:green;}

Martin Honnen · Jul 25, 2009

Dave said:
How do I, via javascript, get an elements style value as it is in
the .css file, and not the computed value.
For #span, in the code below, I would like to get the value 167% and
not 22px.

So are there an direct way to get that value just as you would when
using, window.getComputedStyle(element, pseudoElt) or element.style.

Not really, what you can do is read out document.styleSheets and
document.styleSheets.rules/cssRules (rules for IE/Win, cssRules for
other browsers). But it is then the task of your code to read e.g the
selectorText of a rule and relate that to an element, there is no
function in the browser API to take an element node and return
stylesheet rules that apply. At least not when you script documents
loaded in a browser window. Mozilla extensions might have other APIs
available as Firebug displays stylesheet rules that apply.

Dave · Jul 25, 2009

Have got an solution using the document.styleSheets, but the problem
is that there have to be an existing rule. Which make it impossible to
get an inherited value for example.

But if there are no API function I guess I have to rethink the whole
setup.

Thanks for your reply. =)

David Mark · Jul 25, 2009

Dave said:
Dave said:

How do I, via javascript, get an elements style value as it is in
the .css file, and not the computed value.
For #span, in the code below, I would like to get the value 167% and
not 22px.

Click to expand...

So are there an direct way to get that value just as you would when
using, window.getComputedStyle(element, pseudoElt) or element.style.

Click to expand...

Not really, what you can do is read out document.styleSheets and
document.styleSheets.rules/cssRules (rules for IE/Win, cssRules for
other browsers). But it is then the task of your code to read e.g the
selectorText of a rule and relate that to an element, there is no
function in the browser API to take an element node and return
stylesheet rules that apply. At least not when you script documents
loaded in a browser window. Mozilla extensions might have other APIs
available as Firebug displays stylesheet rules that apply.

IE has currentStyle, which seems to be what the OP is after (not
exactly as worded of course.) Opera has it as well, IIRC. Of course,
that coverage is pretty useless on the Web.

Interestingly enough, IE has no way to get the computed style at all.
Most libraries just pass the "current" (also referred to as "cascaded"
in some docs) style off as computed.

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Positioning CSS components	1	Nov 16, 2023
Closing an overlay outside the overlay as well	1	Dec 11, 2022
Is it possible an iframe can overlapp another?	3	Apr 20, 2022
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
I am trying to make an audio player, how do I get the selected file to be playable?	5	Mar 29, 2022
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Help with code	0	Jun 12, 2022

Get an elements style value as it is in the .css file

Dave

Martin Honnen

Dave

David Mark

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads