spacer
Yehuda Shiran September 22, 2001
Storing Style's Rules in a Collection
Tips: September 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
News Flash: Adobe Has iPhone Workaround
Adobe's Flash 10.1 Goes Mobile (Minus iPhone)
A Salute to Visionary CEOs

You can access style rule definitions in their object form. The STYLE tags are represented in a zero-based collection, document.styleSheets. Each STYLE definition may include one or more rules. Each STYLE definition's rules are represented as a zero-based collection, document.styleSheets[i].rules. If your page looks like this:

<STYLE TYPE="text/css">
.rule1
{
...
}
.rule2
{
...
}
</STYLE>

<STYLE TYPE="text/css">
.rule3
{
....
}
.rule4
{
...
}
</STYLE>
then you'll have two elements in the document.styleSheets collection. The first STYLE definition is stored in document.styleSheets[0], while the second STYLE definition is stored in document.styleSheets[1]. The first STYLE definition includes two rules, rule1 and rule2. They will be stored in the collection document.styleSheets[0].rules. The first rule, rule1, will be stored as document.styleSheets[0].rules[0], while rule2 will be stored as document.styleSheets[0].rules[1]. The length of the rules collection for the first STYLE definition, document.styleSheets[0].rules.length, will be 2. The second STYLE definition's rules, rule3 and rule4, will be modeled in document.styleSheets[1].rules[0] and document.styleSheets[1].rules[1], respectively.


People who read this tip also read these tips:

Look for similar tips by subject:

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Building a Banking Application Home Page with OOP · Mixing Scripting Languages · Review: phpFox, a Social Networking CMS with all the Bells and Whistles
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Enterprise 2.0: Social Networking in the Cloud · BroadSoft Marketplace Hastens Pace of Telephony Innovation · Review: HTC Hero for Sprint