Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

対応ブラウザ

機能 デスクトップ モバイル
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
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
実験的機能
  • ブラウザの実験的フラグを有効にする必要があります
注釈 1件
実験的機能
  • ブラウザの実験的フラグを有効にする必要があります
注釈 1件
実験的機能
  • ブラウザの実験的フラグを有効にする必要があります

基本構文

JAVASCRIPT
new CustomElementRegistry()

実務での使いどころ

  • Scoped custom element registries の活用

    CustomElementRegistry() コンストラクターは、スコープ付きの用途のために新しい CustomElementRegistry オブジェクトを作成します。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

実装メモ

  • 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。