CSSStyleSheet: метод replaceSync()

Базовая версия 2023

Новое

С марта 2023 года эта функция работает на последних устройствах и версиях браузеров. Возможно, эта функция не будет работать на более старых устройствах или браузерах.

Метод replaceSync() интерфейса CSSStyleSheet синхронно заменяет содержимое таблицы стилей содержимым, переданным в него.

Методы replaceSync() и CSSStyleSheet.replace() могут быть использованы только для таблиц стилей, созданных с помощью конструктора CSSStyleSheet().

Синтаксис

replaceSync(text)

Параметры

text: Строка, содержащая правила стилей для замены содержимого таблицы стилей. Если строка не содержит разборного списка правил, значение будет установлено в пустую строку.

Примечание: Если какие-либо из правил, переданных text , являются внешними таблицами стилей, импортированными с помощью правила @import, эти правила будут удалены, и предупреждение будет выведено в консоль.

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

Ничего (undefined).

Исключения

NotAllowedError DOMException: Выбрасывается, если таблица стилей не была создана с помощью конструктора CSSStyleSheet() или если таблица стилей помечена как неизменяемая.

Примеры

В следующем примере создается новая таблица стилей, и в неё добавляются два правила CSS с помощью replaceSync.

const stylesheet = new CSSStyleSheet();

stylesheet.replaceSync("body { font-size: 1.4em; } p { color: red; }");

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

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

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`replaceSync`	73	79	101	60	16.4	73	101	52	16.4	11.0	73

См. также

© 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/CSSStyleSheet/replaceSync