aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/web/api/customelementregistry/get/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-br/web/api/customelementregistry/get/index.html')
-rw-r--r--files/pt-br/web/api/customelementregistry/get/index.html61
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>