diff options
Diffstat (limited to 'files/pt-br/web/api/node/nextsibling/index.html')
| -rw-r--r-- | files/pt-br/web/api/node/nextsibling/index.html | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/files/pt-br/web/api/node/nextsibling/index.html b/files/pt-br/web/api/node/nextsibling/index.html new file mode 100644 index 0000000000..5bdb2b888e --- /dev/null +++ b/files/pt-br/web/api/node/nextsibling/index.html @@ -0,0 +1,66 @@ +--- +title: Node.nextSibling +slug: Web/API/Node/nextSibling +translation_of: Web/API/Node/nextSibling +--- +<div> +<div>{{ApiRef("DOM")}}</div> +</div> + +<h2 id="Summary" name="Summary">Resumo</h2> + +<p>Retorna o nó seguinte ao especificado dentro do lista de filhos do seu pai({{domxref("Node.childNodes","childNodes")}}), ou <code>null</code> se o nó especificado for o último nó da lista.</p> + +<h2 id="Syntax" name="Syntax">Sintaxe</h2> + +<pre class="syntaxbox"><var>proximoNo</var> = <var>no</var>.nextSibling +</pre> + +<h2 id="Example" name="Example">Exemplo</h2> + +<pre class="brush:html"><div id="div-01">Aqui esta a div-01</div> +<div id="div-02">Aqui esta a div-02</div> + +<script type="text/javascript"> +var el = document.getElementById('div-01').nextSibling; + +document.write('<p>Nós irmãos de div-01</p><ol>'); + +while (el) { + document.write('<li>' + el.nodeName + '</li>'); + el = el.nextSibling; +} + +document.write('</ol>'); +</script> + +/************************************************** + O seguinte texto será escrito na página quando ela carregar: + + Nós irmãos de div-01 + + 1. #text + 2. DIV + 3. #text + 4. SCRIPT + 5. P + 6. OL +**************************************************/ +</pre> + +<p><span style="line-height: 1.5;">No exemplo acima, pode ser visto que nós </span><code style="font-size: 14px;">#text</code><span style="line-height: 1.5;"> são inseridos no DOM onde espaços em branco aparecem na marcação entre as tags (ex.: após o fechamento da tag de um elemento e antes da abertura da próxima tag). Nenhum espaço em branco é criado entre elementos inseridos pelo comando </span><code style="font-size: 14px;">document.write</code><span style="line-height: 1.5;">.</span></p> + +<p>A possível inclusão de nós de texto no DOM deve ser permitida quando navegar pelo mesmo usando <code>nextSibling</code>.</p> + +<h2 id="Specification" name="Specification">Especificação</h2> + +<ul> + <li><a href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#attribute-nextSibling">DOM Level 1 Core: nextSibling</a></li> + <li><a href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-6AC54C2F">DOM Level 2 Core: nextSibling</a></li> +</ul> + +<h2 id="Veja_também">Veja também</h2> + +<ul> + <li>{{domxref("Element.nextElementSibling")}}</li> +</ul> |