CSSGroupingRule: метод insertRule()

Базовая поддержка Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.

Метод insertRule() интерфейса CSSGroupingRule добавляет новое правило CSS в список правил CSS.

Синтаксис

insertRule(rule)
insertRule(rule, index)

Параметры

rule: Строка
index Необязательно: Необязательный индекс, по которому вставляется правило; по умолчанию равен 0.

Возвращаемое значение

Индекс нового правила.

Исключения

IndexSizeError DOMException: Выбрасывается, если index больше, чем количество дочерних правил CSS.
HierarchyRequestError DOMException: Выбрасывается, если из-за ограничений, заданных CSS, новое правило не может быть вставлено в список в заданной позиции (с индексом 0).
InvalidStateError DOMException: Выбрасывается, если новое правило является правилом @namespace at-rule, и список дочерних правил CSS содержит что-либо, кроме @import at-rules и @namespace at-rules.

Примеры

let myRules = document.styleSheets[0].cssRules;
myRules[0].insertRule(
  "html {background-color: blue;}",
  0,
); /* inserts a rule for the HTML element at position 0 */

Спецификации

Спецификация
CSS Object Model (CSSOM) # dom-cssgroupingrule-insertrule

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`insertRule`	45	12	20	32	3	45	20	32	2	5.0	45

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