← 返回首页

ViewTransitionTypeSet - Web API | MDN

Toggle sidebar

Theme

OS default
Light
Dark

日本語

Remember language Learn more

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.

ViewTransitionTypeSet はビュー遷移 API のインターフェイスで、アクティブなビュー遷移の型を表す Set 風オブジェクトです。これにより、遷移中にその型を動的に照会したり変更したりすることができます。

ViewTransitionTypeSet オブジェクトには、ViewTransition.types プロパティからアクセスできます。

下記のプロパティおよびメソッドのリンクは、JavaScript の Set オブジェクトのドキュメントへリンクしています。

In this article

インスタンスプロパティ

Set.prototype.size

この集合内の値の個数を返します。

インスタンスメソッド

Set.prototype.add

指定された値がこの集合内に存在しなければ、挿入します。

Set.prototype.clear()

この集合からすべての値を取り除きます。

Set.prototype.delete()

指定された値がこの集合内に存在する場合は、取り除きます。

Set.prototype.entries()

この集合内の各要素を [value, value] の配列の形で挿入順で返す、新しいイテレーターオブジェクトを返します。

Set.prototype.forEach()

この集合内に存在する各値に対して、挿入順に一度ずつコールバック関数を呼び出します。

Set.prototype.has()

引数で与えられた値をもつ要素がこの集合内に存在するかどうかを示す論理値を返します。

Set.prototype.keys()

Set.prototype.values() の別名です。

Set.prototype.values()

この集合内の各要素の値を挿入順に返す、新しいイテレーターオブジェクトを返します。

Set.prototype[Symbol.iterator]()

この集合内の各要素の値を挿入順に返す、新しいイテレーターオブジェクトを返します。

例

js
// ビュー遷移を開始
const vt = document.startViewTransition({
  update: updateTheDOMSomehow,
  types: ["slideLeft", "fadeOut", "flipVertical"],
});

// 他の型を追加
vt.types.add("flipHorizontal");

// 型を削除
vt.types.delete("flipVertical");

// 集合内の型の個数を返す
console.log(vt.types.size);

// それぞれの型をコンソールにログ出力
vt.types.forEach((type) => console.log(type));

仕様書

Specification

CSS View Transitions Module Level 2
# viewtransitiontypeset

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

関連情報

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2026年4月17日 by MDN contributors.

View this page on GitHub • Report a problem with this content

ビュー遷移 API
ViewTransitionTypeSet
View Transition API に関連するページ
ガイド
1. ビュー遷移 API の使用
2. ビュー遷移型の使用