---
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">// &lt;a&gt;&lt;b1 id="b1"/&gt;&lt;b2 id="b2"/&gt;&lt;/a&gt;

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>