blob: ad5a88c16cc42079dacbff8b917b37250a185dc0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
---
title: Node.previousSibling
slug: Web/API/Node/previousSibling
translation_of: Web/API/Node/previousSibling
---
<div>
<div>{{ApiRef("DOM")}}</div>
</div>
<h2 id="Summary" name="Summary">Resumo</h2>
<p>Retorna o nó que precede o nó especificado na lista de <a href="/en-US/docs/Web/API/Node.childNodes" style="line-height: 1.5;" title="DOM/Node.childNodes">childNodes</a> do nó pai, retorna null se o nó especificado é o primeiro desta lista.</p>
<h2 id="Syntax" name="Syntax">Sintaxe</h2>
<pre class="syntaxbox"><var>previousNode</var> = <em>node</em>.previousSibling;
</pre>
<h2 id="Example" name="Example">Exemplo</h2>
<pre class="brush:js">// <a><b1 id="b1"/><b2 id="b2"/></a>
alert(document.getElementById("b1").previousSibling); // null
alert(document.getElementById("b2").previousSibling.id); // "b1"
</pre>
<h2 id="Notes" name="Notes">Notas</h2>
<div><p>Navegador baseados na engine Gecko inserem nós de texto no documento para representar espaços em branco na marcação do fonte.
Portanto um nó obtido, por exemplo, usando <a href="/pt-BR/docs/Web/API/Node/firstChild" title="Node.firstChild é uma propriedade do tipo somente leitura que retorna o node (nó) do primeiro elemento filho de uma árvore DOM ou null no caso do elemento não ter filhos (children)."><code>Node.firstChild</code></a> ou <a href="/pt-BR/docs/Web/API/Node/previousSibling" title="Retorna o nó que precede o nó especificado na lista de childNodes do nó pai, retorna null se o nó especificado é o primeiro desta lista."><code>Node.previousSibling</code></a> pode fazer referência a um
espaço em banco ao invés do elemento que o autor pretendia obter.</p>
<p>Veja <a href="/en-US/docs/Web/Guide/DOM/Whitespace_in_the_DOM">Whitespace in the DOM</a> e
<a class="external" href="http://www.w3.org/DOM/faq.html#emptytext" rel="noopener">W3C DOM 3 FAQ: Why are some Text nodes empty?</a>
Para mais informações.
</p></div>
<p>Para navegar no sentido contrário da lista de nós filhos use <a href="/en-US/docs/Web/API/Node.nextSibling" style="line-height: 1.5;" title="DOM/Node.nextSibling">Node.nextSibling</a>.</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-previousSibling">DOM Level 1 Core: previousSibling</a></li>
<li><a href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-640FB3C8">DOM Level 2 Core: previousSibling</a></li>
<li><a href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-640FB3C8">DOM Level 3 Core: previousSibling</a></li>
</ul>
|
