CSSGroupingRule: deleteRule() method

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

IndexSizeError DOMException

Thrown if index is greater than or equal to the number of child CSS rules.

InvalidStateError DOMException

Thrown if the rule being removed is an @namespace at-rule, and the list of child CSS rules contains anything other than @import at-rules and @namespace at-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
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android
deleteRule 45 12 20 32 3 45 20 32 2 5.0 45

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSGroupingRule/deleteRule