CSSStyleSheet.replaceSync()

The replaceSync() method of the CSSStyleSheet interface synchronously replaces the content of the stylesheet with the content passed into it.

The replaceSync() and CSSStyleSheet.replace() methods can only be used on a stylesheet created with the CSSStyleSheet() constructor.

Syntax

CSSStyleSheet.replaceSync(text);

Parameters

text

A string containing the style rules to replace the content of the stylesheet. If the string does not contain a parseable list of rules, then the value will be set to an empty string.

Return value

Undefined.

Exceptions

DOMException NotAllowedError

Thrown if the stylesheet was not created using the CSSStyleSheet() constructor or if the stylesheet is flagged as unmodifiable.

Examples

In the following example a new stylesheet is created and two CSS rules are added using replaceSync.

let stylesheet = new CSSStyleSheet();

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

Specifications

Browser compatibility