Scoped custom element registries
CustomElementRegistry() コンストラクターは、スコープ付きの用途のために新しい CustomElementRegistry オブジェクトを作成します。
このコンストラクターは、カスタム要素の定義を、要素や ShadowRoot などの特定のスコープに制限する、スコープ付きレジストリーを作成するために特化して使用されます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 146 | 146 | | 26 | 146 | 26 | |
| CustomElementRegistry インターフェイスの initialize() メソッドは、このレジストリを DOM サブツリーに関連付け、まだレジストリを持っていない包括的な子孫の Element.customElementRegistry を設定し、見つかったカスタム要素をアップグレードしようとします。 | 146 | 146 | | 26 | 146 | 26 |
| Document インターフェイスの customElementRegistry 読み取り専用プロパティは、このドキュメントに関連付けられた CustomElementRegistry オブジェクトを返します。 | 146 | 146 | 150 | 26 | 146 | 26 |
| Element インターフェイスの customElementRegistry 読み取り専用プロパティは、この要素に関連付けられた CustomElementRegistry オブジェクトを返します。 | 146 | 146 | 150 | 26 | 146 | 26 |
| HTMLTemplateElement インターフェイスの shadowRootCustomElementRegistry プロパティは、関連する要素の shadowrootcustomelementregistry 属性の値を反映します。 | 146 | 146 | | 26 | 146 | 26 |
| ShadowRoot インターフェイスの customElementRegistry 読み取り専用プロパティは、このシャドウ・ルートに関連付けられた CustomElementRegistry オブジェクトを返します。 | 146 | 146 | 150 | 26 | 146 | 26 |
- ブラウザの実験的フラグを有効にする必要があります
- ブラウザの実験的フラグを有効にする必要があります
- ブラウザの実験的フラグを有効にする必要があります
基本構文
new CustomElementRegistry() 実務での使いどころ
-
Scoped custom element registries の活用
CustomElementRegistry() コンストラクターは、スコープ付きの用途のために新しい CustomElementRegistry オブジェクトを作成します。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
実装メモ
- 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。