ViewTransitionTypeSet
Baseline
2026
Newly available
Since January 2026, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Giao diện ViewTransitionTypeSet của View Transition API là một đối tượng giống set đại diện cho các loại của một view transition đang hoạt động. Điều này cho phép các loại được truy vấn hoặc sửa đổi linh hoạt trong quá trình transition.
Đối tượng ViewTransitionTypeSet có thể được truy cập thông qua thuộc tính ViewTransition.types.
Các liên kết thuộc tính và phương thức bên dưới liên kết đến tài liệu đối tượng JavaScript Set.
Thuộc tính phiên bản
Set.prototype.size-
Trả về số lượng giá trị trong set.
Phương thức phiên bản
Set.prototype.add-
Chèn giá trị được chỉ định vào set này, nếu nó chưa có.
Set.prototype.clear()-
Xóa tất cả giá trị khỏi set.
Set.prototype.delete()-
Xóa giá trị được chỉ định khỏi set này, nếu nó có trong set.
Set.prototype.entries()-
Trả về một đối tượng iterator mới chứa mảng
[value, value]cho mỗi phần tử trong set, theo thứ tự chèn. Set.prototype.forEach()-
Gọi hàm callback một lần cho mỗi giá trị có trong set, theo thứ tự chèn.
Set.prototype.has()-
Trả về giá trị boolean cho biết liệu giá trị được chỉ định có tồn tại trong set hay không.
Set.prototype.keys()-
Bí danh cho
Set.prototype.values(). Set.prototype.values()-
Trả về một đối tượng iterator mới tạo ra các giá trị cho mỗi phần tử trong set, theo thứ tự chèn.
Set.prototype[Symbol.iterator]()-
Trả về một đối tượng iterator mới tạo ra các giá trị cho mỗi phần tử trong set, theo thứ tự chèn.
Ví dụ
// Bắt đầu một view transition
const vt = document.startViewTransition({
update: updateTheDOMSomehow,
types: ["slideLeft", "fadeOut", "flipVertical"],
});
// Thêm một loại khác
vt.types.add("flipHorizontal");
// Xóa một loại
vt.types.delete("flipVertical");
// Trả về số lượng loại trong set
console.log(vt.types.size);
// In mỗi loại ra console
vt.types.forEach((type) => console.log(type));
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS View Transitions Module Level 2 # viewtransitiontypeset |