このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CustomElementRegistry

Baseline 広く利用可能 *

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。

* この機能の一部は、対応レベルが異なる場合があります。

CustomElementRegistry インターフェイスは、カスタム要素の登録と、登録された要素を照会するためのメソッドを提供します。このインスタンスを取得するには、window.customElements プロパティを使用してください。スコープ付きのレジストリーを作成する場合は、CustomElementRegistry() コンストラクターを使用してください。

コンストラクター

CustomElementRegistry()

スコープ付きの用途で、新しい CustomElementRegistry オブジェクトを作成します。

インスタンスメソッド

CustomElementRegistry.define()

新しいカスタム要素を定義します。

CustomElementRegistry.get()

名前付きカスタム要素のコンストラクターを返します。カスタム要素が定義されていない場合は undefined を返します。

CustomElementRegistry.getName()

すでに定義されているカスタム要素の名前を返します。カスタム要素が定義されていない場合が、null を返します。

CustomElementRegistry.upgrade()

シャドウルートに接続する前であっても、直接カスタム要素をアップグレードします。

CustomElementRegistry.initialize()

スコープ付きレジストリーを DOM サブツリーに関連付け、それぞれの子要素に対してカスタム要素レジストリーを設定し、カスタム要素をすべてアップグレードします。

CustomElementRegistry.whenDefined()

指定された名前でカスタム要素が定義されたときに解決する空のプロミスを返します。そのようなカスタム要素が既に定義されていた場合、返されたプロミスは即座に履行状態になります。

カスタム要素の使用の節を参照してください。

仕様書

仕様書
HTML
# custom-elements-api

ブラウザーの互換性