CSSGroupingRule: insertRule() メソッド
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2021年4月.
insertRule() は CSSGroupingRule インターフェイスのメソッドで、新しい CSS ルールを CSS ルールのリストへ追加します。
構文
js
insertRule(rule)
insertRule(rule, index)
引数
返値
新しいルールの位置です。
例外
IndexSizeErrorDOMException-
index が子 CSS ルールの数以上であった場合に発生します。
HierarchyRequestErrorDOMException-
CSS で規定された制約により、リストの指定された（ゼロ起点の）インデックス位置に新しいルールが挿入できない場合に発生します。
InvalidStateErrorDOMException-
新しいルールが
@namespaceアットルールで、子 CSS ルールのリストが@importアットルールと@namespaceアットルール以外のものを含んでいる場合に発生します。
例
js
let myRules = document.styleSheets[0].cssRules;
myRules[0].insertRule(
"html {background-color: blue;}",
0,
); /* HTML 要素に対するルールを位置 0 に挿入します。 */
仕様書
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssgroupingrule-insertrule |
ブラウザーの互換性
Loading…