このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
CustomElementRegistry.get()
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
get() は CustomElementRegistry インターフェイスのメソッドで、以前定義したカスタム要素のコンストラクターを返します。
構文
js
constructor = customElements.get(name);
引数
- name
-
コンストラクターの参照を返したいカスタム要素の名前です。
返値
名前付きのカスタム要素のコンストラクター、またはその名前のカスタム要素がない場合は undefined です。
例
js
customElements.define(
"my-paragraph",
class extends HTMLElement {
constructor() {
let templateContent = document.getElementById("my-paragraph").content;
super() // このスコープの要素を返す
.attachShadow({ mode: "open" }) // this.shadowRoot を設定して返す
.append(templateContent.cloneNode(true));
}
},
);
// my-paragraph のコンストラクターの参照を返す
let ctor = customElements.get("my-paragraph");
仕様書
| 仕様書 |
|---|
| HTML # dom-customelementregistry-get-dev |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。