Script Title: viewStyleSheet
Programming Language: Java Script
Date Completed: 2012/11/23

Purpose: View the rules and it’s properties of a Cascading Style Sheet (CSS) in an array.

Description: Select the HTML Document Style Sheet and view it’s contents as an array.
Returns a one dimensional array. Returns array[0] as Access is denied if the style sheet does not exist or if the external style sheet is not accessible. Returns undefined if the function argument is not a number or the index is higher than the amount of style sheets.

Note: Modern Web browsers may return short hand CSS Rules as short hand, older Web browser such as IE7 will return short hand in it’s full expanded form.

Compatibility:

External Style Sheet Support: Firefox, Opera 12
In DOM Style Sheet Support: Firefox, Chrome, Opera 11, MSIE 7
Not Tested: Netscape, Safari

Method:

viewStyleSheet ( index_i );

Example Usage:

HTML

<style type=”text/css”>
/* my style sheet */
p {
color: black;
}
</style>

Java Script

var myArray = viewStyleSheet ( 0 );

document.write( myArray[0] );

Returns p {color:black;}

 

 

 

Be the first to write a comment.

---