CSSGroupingRule: deleteRule() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
The deleteRule() method of the
CSSGroupingRule interface removes a CSS rule from a list of child CSS
rules.
Syntax
js
deleteRule(index)
Parameters
index-
The index of the rule to delete.
Return value
None (undefined).
Exceptions
IndexSizeErrorDOMException-
Thrown if index is greater than or equal to the number of child CSS rules.
InvalidStateErrorDOMException-
Thrown if the rule being removed is an
@namespaceat-rule, and the list of child CSS rules contains anything other than@importat-rules and@namespaceat-rules.
Examples
js
let myRules = document.styleSheets[0].cssRules;
myRules[0].deleteRule(2); /* deletes the rule at index 2 */
Specifications
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssgroupingrule-deleterule |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
deleteRule
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support