JavaScript Reference/Javascript Methods/addRule
"addRule()" Example
<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>
<div>This is a sample text.</div>
<button onclick="function1()">Add new rule</button>
</body>
</html>
"addRule()" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |styleSheet |
+----------------+--------------------------------------------------------------+
"addRule()" Syntax, Parameters and Note
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.