diff options
Diffstat (limited to 'files/pt-br/web/api/customelementregistry/get/index.html')
-rw-r--r-- | files/pt-br/web/api/customelementregistry/get/index.html | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/files/pt-br/web/api/customelementregistry/get/index.html b/files/pt-br/web/api/customelementregistry/get/index.html new file mode 100644 index 0000000000..9d697769fb --- /dev/null +++ b/files/pt-br/web/api/customelementregistry/get/index.html @@ -0,0 +1,61 @@ +--- +title: CustomElementRegistry.get() +slug: Web/API/CustomElementRegistry/get +tags: + - API + - CustomElementRegistry + - Experimental + - Method + - Reference + - Web Components + - custom elements + - get +browser-compat: api.CustomElementRegistry.get +--- + +<p>{{APIRef("CustomElementRegistry")}}</p> + +<p> + O <code><strong>get()</strong></code> é um método de {{domxref("CustomElementRegistry")}} a interface retorna um construtor para um elemento personalizado previamente definido. +</p> + +<h2 id="Syntax">Syntax</h2> + +<pre class="brush: js"><em>constructor</em> = customElements.get(<em>name</em>); +</pre> + +<h3 id="Parameters">Parâmetros</h3> + +<dl> + <dt>name</dt> + <dd>O nome do elemento personalizado cujo construtor você deseja retornar uma referência.</dd> +</dl> + +<h3 id="Return_value">Valor de retorno</h3> + +<p>O construtor do elemento personalizado nomeado, ou <code>undefined</code>se não há definição de elemento personalizado com esse nome.</p> + +<h2 id="Examples">Examples</h2> + +<pre class="brush: js"> +customElements.define('my-paragraph', + class extends HTMLElement { + constructor() { + let templateContent = document.getElementById('my-paragraph').content; + super() // returns element this scope + .attachShadow({mode: 'open'}) // sets AND returns this.shadowRoot + .append(templateContent.cloneNode(true)); + } +}) + +// Retorne uma referência ao construtor my-paragraph +let ctor = customElements.get('my-paragraph'); +</pre> + +<h2 id="Specifications">Especificações</h2> + +{{Specifications}} + +<h2 id="Browser_compatibility">Compatibilidade com navegadores</h2> + +<p>{{Compat}}</p> |