CSSStyleSheet: replaceSync() 方法

Baseline 已广泛支持

此功能已成熟，并可在许多设备和浏览器版本上运行。自 2023 年 3 月以来，它已在各种浏览器中可用。

replaceSync() 方法是 CSSStyleSheet 接口的一部分，它同步地将样式表的内容替换为传入的内容。

replaceSync() 和 CSSStyleSheet.replace() 方法只能用于通过 CSSStyleSheet() 构造函数创建的样式表。

语法

replaceSync(text)

文本: 一个包含要替换样式表内容的样式规则的字符串。如果字符串不包含可解析的规则列表，则该值将被设置为空字符串。

注意： 如果 text 中传入的任何规则是使用 @import 规则导入的外部样式表，则这些规则将被删除，并在控制台中打印警告。

无 (undefined)。

NotAllowedError DOMException: 如果样式表不是使用 CSSStyleSheet() 构造函数创建的，或者样式表被标记为不可修改，则会抛出该异常。

在下面的示例中，创建了一个新的样式表，并使用 replaceSync 添加了两条 CSS 规则。

const stylesheet = new CSSStyleSheet();

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

规范
CSS 对象模型 (CSSOM) # dom-cssstylesheet-replacesync

本页面最后修改于 2025 年 6 月 23 日，由 MDN 贡献者进行。