JavaScript Reference/Javascript Methods/addRule
"addRule()" Example
<source lang="javascript">
<html> <head> <style id="myS">.one { font-family:verdana; font-size:14pt }</style> <script language="JavaScript">
function function1() {
document.styleSheets[0].addRule("div", "color:white; background-color:red;");
}
</script> </head> <body>
This is a sample text.
<button onclick="function1()">Add new rule</button> </body> </html>
</source>
"addRule()" is applied to
<source lang="javascript">
+----------------+--------------------------------------------------------------+ | Applied_To |styleSheet | +----------------+--------------------------------------------------------------+
</source>
"addRule()" Syntax, Parameters and Note
<source lang="javascript">
Note: Adds a new rule to a style sheet and always returns 1.
Syntax:
document.styleSheets[index].addRule(param1, param2, param3)
Parameters:
param1 Required; the selector.
param2 Required; the style declarations.
param3 Optional; the index of the rule.
If the index is omitted, the rule is added to the end.
</source>
