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() và 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
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
textlà 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ệ
NotAllowedErrorDOMException-
Đượ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.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync("body { font-size: 1.4em; } p { color: red; }");
Specifications
| Thông số kỹ thuật |
|---|
| CSS Object Model (CSSOM)> # dom-cssstylesheet-replacesync> |