I simplified the demo file to just have the image, stylesheet, and text
showing the Javascript one-liners that don't work for me in IE and
Safari. Still at
http://www.cs.northwestern.edu/~riesbeck/demo/clip-demo.html
javascript:alert(document.images[0].style.clip)
javascript:alert(document.images[0].runtimeStyle.clip)
Those 2 empty alert must mean there is absence of support, which is
contrary to what MSDN claims. So, you can safely claim that there is a
bug here... or at the minimum an error at MSDN's
http://msdn.microsoft.com/en-us/library/ms533569(VS.85).aspx
Thanks. I thought there was some way to get to the stylesheets
themselves but failed to find the relevant W3C pages when searching
yesterday.
Since my pages will appear in contexts with many other stylesheets, and
I won't know which one my rule is in, I have to search the selector
texts in all the rules in all the stylesheets.
No. No need for selector text.
document.stylesheets[0]
refers to the first stylesheet.
You should place imported stylesheets first, then external (with <link
rel="stylesheet" href="...">) stylesheets, then local (embedded within
<style type="text/css"> ... </style>) stylesheet next. Ideally, the
order of stylesheet should go from very far to very close to the
document itself. Since we are talking about IE, you may actually have
to test, verify all this.
Best would be to avoid imported stylesheets in your case.
Regarding CSS rules, then it's in their order of appearance in the
stylesheet.
E.g.:
document.stylesheets[3].rules[5].style.borderWidth
should refer to the 4th declared stylesheets, its 6th rule and where
the border-width is defined, specified.
It works in IE 6+ (I've used it in a few DHTML webpages) ... but you
have to use rules[] for IE, not cssRules[].
By the way, you never answered if the following code worked for you in
your (previous) original webpage:
if(document.styleSheets)
{
if("cssRules" in document.styleSheets[0]) // DOM 2 Stylesheets
compliant
{
alert("document.styleSheets[0].cssRules[0].style.clip = " +
document.styleSheets[0].cssRules[0].style.clip);
}
else if("rules" in document.styleSheets[0]) // IE 6+
{
alert("document.styleSheets[0].rules[0].style.clip = " +
document.styleSheets[0].rules[0].style.clip);
};
}
else
{
alert("This script requires support for accessing the list of
stylesheets. Javascript support enabled is required too.");
};
Regards, Gérard
