aboutsummaryrefslogtreecommitdiff
path: root/files/pt-pt/web/api/node
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:50:24 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:50:24 +0100
commit2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e (patch)
tree86ab4534d10092b293d4b7ab169fe1a8a2421bfa /files/pt-pt/web/api/node
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.tar.gz
translated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.tar.bz2
translated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.zip
unslug pt-pt: move
Diffstat (limited to 'files/pt-pt/web/api/node')
-rw-r--r--files/pt-pt/web/api/node/appendchild/index.html31
-rw-r--r--files/pt-pt/web/api/node/clonenode/index.html55
-rw-r--r--files/pt-pt/web/api/node/insertbefore/index.html60
3 files changed, 146 insertions, 0 deletions
diff --git a/files/pt-pt/web/api/node/appendchild/index.html b/files/pt-pt/web/api/node/appendchild/index.html
new file mode 100644
index 0000000000..7495320be4
--- /dev/null
+++ b/files/pt-pt/web/api/node/appendchild/index.html
@@ -0,0 +1,31 @@
+---
+title: element.appendChild
+slug: DOM/element.appendChild
+tags:
+ - Referência_do_DOM_Gecko
+translation_of: Web/API/Node/appendChild
+---
+<p>{{ ApiRef() }}</p>
+<h3 id="Sumario" name="Sumario">Sumario</h3>
+<p>Adiciona um novo nó (filho) a um determinado elemento (objeto)</p>
+<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
+<pre class="eval"><i>element</i>.appendChild(<i>child</i>)
+</pre>
+<ul>
+ <li><code>element</code> é o elemento pai.</li>
+ <li><code>child</code> é o nó que será adicionado como filho de <code>element</code>.</li>
+</ul>
+<h3 id="Exemplo" name="Exemplo">Exemplo</h3>
+<pre>// Cria um novo Elemento(Objeto)
+var p = document.createElement("p");
+
+// Adiciona ao Elemento Body (este deverá existir!)
+document.body.appendChild(p);
+</pre>
+<h3 id="Notas" name="Notas">Notas</h3>
+<p>Se <code>child</code> é a referência para um nó ja existente no documento, <code>appendChild</code> moverá este para a nova posição (ou seja não é necessário remover um nó de uma posição para depois adicionar em outra). Isto significa que um nó não pode estar em dois lugares do documento ao mesmo tempo.</p>
+<p>Você pode usar também <a href="pt/DOM/element.cloneNode">cloneNode</a> para copiar este nó e depois adicioná-lo a outro elemento. (Observe que ao criar um objeto ultilizando <code>cloneNode</code> ou <code>createElement</code> este não fará parte do documento até você torna-lo parte deste usando appendChild ou método similar)</p>
+<p>Métodos relacionados : <a href="pt/DOM/element.insertBefore">insertBefore</a>, <a href="pt/DOM/element.replaceChild">replaceChild</a> and <a href="pt/DOM/element.removeChild">removeChild</a>. <span class="comment">&lt;code&gt;appendChild&lt;/code&gt; é um dos métodos essenciais na programação usando DOM. O método &lt;code&gt;appendChild&lt;/code&gt; insere um novo nó na estrutura DOM e este é a segunda parte da metodologia create-and-append.</span></p>
+<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
+<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-184E7107">DOM Level 2 Core: appendChild</a></p>
+<p>{{ languages( { "en": "en/DOM/element.appendChild", "fr": "fr/DOM/element.appendChild", "pl": "pl/DOM/element.appendChild" } ) }}</p>
diff --git a/files/pt-pt/web/api/node/clonenode/index.html b/files/pt-pt/web/api/node/clonenode/index.html
new file mode 100644
index 0000000000..71f0c5064a
--- /dev/null
+++ b/files/pt-pt/web/api/node/clonenode/index.html
@@ -0,0 +1,55 @@
+---
+title: element.cloneNode
+slug: DOM/element.cloneNode
+translation_of: Web/API/Node/cloneNode
+---
+<h3 id="Resumo" name="Resumo">Resumo</h3>
+
+<p>Retorna a cópia de um elemento.</p>
+
+<h3 id="Syntax" name="Syntax">Syntax</h3>
+
+<pre class="eval"><em>dupNode</em> = <em>element</em>.cloneNode(<em>deep</em>);
+</pre>
+
+<ul>
+ <li><code>dupNode</code> é variável que receberá o nó gerado</li>
+ <li><code>element</code> é o elemento pai (o elemento que contém o nó que será copiado)</li>
+ <li><code>deep</code> é um valor boleano, obrigatório que indica de o a clone vai ser completo ou não (ver <a href="#Notas">notas</a>).</li>
+</ul>
+
+<h3 id="Example" name="Example">Example</h3>
+
+<pre>p = document.getElementById("diogok");
+p_prime = p.cloneNode(true);
+</pre>
+
+<h3 id="Notas" name="Notas">Notas</h3>
+
+<p>Clonando um nó copiamos todos seus atributos e seus respectivos valores</p>
+
+<p>O nó clonado retornado por <code>cloneNode</code> não faz parte do documento enquanto não for adicionado a um outro nó que faça parte do documento usando <a href="/pt/DOM/element.appendChild" title="pt/DOM/element.appendChild">appendChild</a> ou outro método similar. Enquanto não for adicionado a um outro nó, será um nó sem pai. Ou seja, o clone não herda o pai do original.</p>
+
+<p>Se <code>deep</code> for <code>false</code>, nada sobre os nós filhos será clonado. <em>Qualquer texto contido no nó não será clonado junto</em>, já que o texto fica contido em nós de texto.</p>
+
+<p>Se <code>deep</code> for <code>true</code>, toda a subárvore (incluíndo texto) é copiado também. Para nós vazios (como os elementos IMG e INPUT) não importa qua valor que você coloque em <code>deep</code>, mas você ainda deve definir um valor</p>
+
+<p>Note que o cloneNode pode causar o problema de termos dois elementos com um mesmo id em um documento!</p>
+
+<p>Somente os eventos colocados em atributos inline são copiados. Os eventos adicionados após a renderização do nó via javascript não são copiados. <code> </code></p>
+
+<pre class="eval">var elms = document.getElementById('foo');
+elms.onclick = function(){
+ alert('Eu não deveria ser copiado?');
+}
+var g = elms.cloneNode(true);
+g.id = 'foo2';
+g.style.top = '0px';
+document.body.appendChild(g);
+</pre>
+
+<p>No trecho de código acima o atributo <code>onclick</code> não é copiado. Nem mesmo com <code>addEventListener</code>.</p>
+
+<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
+
+<p><a class="external" href="http://w3.org/TR/DOM-Level-2-Core/core.html#ID-3A0ED0A4">DOM Level 2 Core: cloneNode</a></p>
diff --git a/files/pt-pt/web/api/node/insertbefore/index.html b/files/pt-pt/web/api/node/insertbefore/index.html
new file mode 100644
index 0000000000..d0393410a6
--- /dev/null
+++ b/files/pt-pt/web/api/node/insertbefore/index.html
@@ -0,0 +1,60 @@
+---
+title: element.insertBefore
+slug: DOM/element.insertBefore
+tags:
+ - Referência_do_DOM_Gecko
+translation_of: Web/API/Node/insertBefore
+---
+<p>{{ ApiRef() }}</p>
+<h3 id="Sum.C3.A1rio" name="Sum.C3.A1rio">Sumário</h3>
+<p>Insere um nó filho ao nó atual, antes de um determinado elemento.</p>
+<h3 id="S.C3.ADntaxe" name="S.C3.ADntaxe">Síntaxe</h3>
+<pre class="eval">var<i>insertedElement</i> =<i>parentElement</i>.insertBefore(<i>newElement</i>,<i>referenceElement</i>)
+</pre>
+<p>If <var>referenceElement</var> is <code>null</code>, <var>newElement</var> is inserted at the end of the list of child nodes.</p>
+<ul>
+ <li><code>insertedElement</code> é o novo inserido,ou seja é o <code>newElement</code></li>
+ <li><code>parentElement</code> é o elemento pai que receberá o novo nó inserido.</li>
+ <li><code>newElement</code> é o novo elemento que será inserido</li>
+ <li><code>referenceElement</code> o novo nó ficará antes desse elemento</li>
+</ul>
+<p>Se <var>referenceElement</var> é <code>null</code> o elemento é inserido em último lugar na lista de nós filhos. Ver <code><a href="pt/DOM/element.childNodes">childNodes</a></code></p>
+<h3 id="Exemplo" name="Exemplo">Exemplo</h3>
+<pre> &lt;html&gt;
+
+ &lt;head&gt;
+ &lt;title&gt;Gecko DOM insertBefore test&lt;/title&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+ &lt;div&gt;
+ &lt;span id="childSpan"&gt;foo bar&lt;/span&gt;
+ &lt;/div&gt;
+
+ &lt;script type="text/javascript"&gt;
+ // cria um elemento vazio
+ // sem ID ou qualquer outro atributo
+ var sp1 = document.createElement("span");
+
+ // atribui o ID 'newSpan' para o elemento criado
+ sp1.setAttribute("id", "newSpan");
+
+ //cria um conteudo para o novo elemento,um texto curto
+ var sp1_content = document.createTextNode("This is a new span element. ");
+ // adiciona o conteúdo a novo elemento
+ sp1.appendChild(sp1_content);
+
+ var sp2 = document.getElementById("childSpan");
+ var parentDiv = sp2.parentNode;
+
+ // insere o novo elemento antes sp2
+ parentDiv.insertBefore(sp1, sp2);
+ &lt;/script&gt;
+
+ &lt;/body&gt;
+ &lt;/html&gt;
+</pre>
+<p>Não há um método <code>insertAfter</code>(insere depois), porém pode se obter um resultado semelhante usando a combinação entre <code>insertBefore</code> e <code><a href="pt/DOM/element.nextSibling">nextSibling</a></code>. Por exemplo, <code>sp1</code> pode inserido depois de <code>sp2</code> usando comando parentDiv.insertBefore(sp1, sp2.nextSibling); Se a propridade <code>nextSibling</code> retornar <code>null</code> indica que o elemento é o último nó filho, logo novo elemento será incluído no final da lista de nós filhos</p>
+<p> </p>
+<h3 id="Espefica.C3.A7.C3.A3o" name="Espefica.C3.A7.C3.A3o">Espeficação</h3>
+<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-952280727">insertBefore </a></p>
+<p>{{ languages( { "en": "en/DOM/element.insertBefore", "pl": "pl/DOM/element.insertBefore", "fr": "fr/DOM/element.insertBefore" } ) }}</p>