CSSStyleSheet: replaceSync() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.

Phương thức replaceSync() của giao diện CSSStyleSheet thay thế đồng bộ nội dung của bảng kiểu với nội dung được truyền vào.

Các phương thức replaceSync()CSSStyleSheet.replace() chỉ có thể được sử dụng trên một bảng kiểu được tạo bằng hàm khởi tạo CSSStyleSheet().

Cú pháp

js
replaceSync(text)

Tham số

text

Một chuỗi chứa các quy tắc kiểu dáng để thay thế nội dung của bảng kiểu. Nếu chuỗi không chứa một danh sách quy tắc có thể phân tích cú pháp, thì giá trị sẽ được đặt thành một chuỗi rỗng.

Note: Nếu bất kỳ quy tắc nào được truyền trong text là một bảng kiểu bên ngoài được nhập bằng quy tắc @import, những quy tắc đó sẽ bị xóa và một cảnh báo sẽ được in ra console.

Giá trị trả về

Không có (undefined).

Ngoại lệ

NotAllowedError DOMException

Được ném ra nếu bảng kiểu không được tạo bằng hàm khởi tạo CSSStyleSheet() hoặc nếu bảng kiểu được đánh dấu là không thể sửa đổi.

Ví dụ

Trong ví dụ sau, một bảng kiểu mới được tạo và hai quy tắc CSS được thêm bằng replaceSync.

js
const stylesheet = new CSSStyleSheet();

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

Specifications

Specification
CSS Object Model (CSSOM)
# dom-cssstylesheet-replacesync

Browser compatibility

See also