//.CommonJS | |
var CSSOM = { | |
StyleSheet: require("./StyleSheet").StyleSheet, | |
CSSStyleRule: require("./CSSStyleRule").CSSStyleRule | |
}; | |
///CommonJS | |
/** | |
* @constructor | |
* @see http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet | |
*/ | |
CSSOM.CSSStyleSheet = function CSSStyleSheet() { | |
CSSOM.StyleSheet.call(this); | |
this.cssRules = []; | |
}; | |
CSSOM.CSSStyleSheet.prototype = new CSSOM.StyleSheet(); | |
CSSOM.CSSStyleSheet.prototype.constructor = CSSOM.CSSStyleSheet; | |
/** | |
* Used to insert a new rule into the style sheet. The new rule now becomes part of the cascade. | |
* | |
* sheet = new Sheet("body {margin: 0}") | |
* sheet.toString() | |
* -> "body{margin:0;}" | |
* sheet.insertRule("img {border: none}", 0) | |
* -> 0 | |
* sheet.toString() | |
* -> "img{border:none;}body{margin:0;}" | |
* | |
* @param {string} rule | |
* @param {number} index | |
* @see http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet-insertRule | |
* @return {number} The index within the style sheet's rule collection of the newly inserted rule. | |
*/ | |
CSSOM.CSSStyleSheet.prototype.insertRule = function(rule, index) { | |
if (index < 0 || index > this.cssRules.length) { | |
throw new RangeError("INDEX_SIZE_ERR"); | |
} | |
var cssRule = CSSOM.parse(rule).cssRules[0]; | |
cssRule.parentStyleSheet = this; | |
this.cssRules.splice(index, 0, cssRule); | |
return index; | |
}; | |
/** | |
* Used to delete a rule from the style sheet. | |
* | |
* sheet = new Sheet("img{border:none} body{margin:0}") | |
* sheet.toString() | |
* -> "img{border:none;}body{margin:0;}" | |
* sheet.deleteRule(0) | |
* sheet.toString() | |
* -> "body{margin:0;}" | |
* | |
* @param {number} index within the style sheet's rule list of the rule to remove. | |
* @see http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet-deleteRule | |
*/ | |
CSSOM.CSSStyleSheet.prototype.deleteRule = function(index) { | |
if (index < 0 || index >= this.cssRules.length) { | |
throw new RangeError("INDEX_SIZE_ERR"); | |
} | |
this.cssRules.splice(index, 1); | |
}; | |
/** | |
* NON-STANDARD | |
* @return {string} serialize stylesheet | |
*/ | |
CSSOM.CSSStyleSheet.prototype.toString = function() { | |
var result = ""; | |
var rules = this.cssRules; | |
for (var i=0; i<rules.length; i++) { | |
result += rules[i].cssText + "\n"; | |
} | |
return result; | |
}; | |
//.CommonJS | |
exports.CSSStyleSheet = CSSOM.CSSStyleSheet; | |
CSSOM.parse = require('./parse').parse; // Cannot be included sooner due to the mutual dependency between parse.js and CSSStyleSheet.js | |
///CommonJS | |