指定した要素の親の子(兄弟)のリスト内で、すぐ前の要素を返します。もし、指定した要素がリスト内で最初の要素であればnullを返します。読み取り専用のプロパティです。

文法

prevNode = elementNodeReference.previousElementSibling;

例

<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<li>This is a list item</li>
<li>This is another list item</li>
<div id="div-03">Here is div-03</div>

<script>
  var el = document.getElementById('div-03').previousElementSibling;
  document.write('<p>Siblings of div-03</p><ol>');
  while (el) {
    document.write('<li>' + el.nodeName + '</li>');
    el = el.previousElementSibling;
  }
  document.write('</ol>');
</script>

この例は読み込まれると、ページ内に下記のように出力されます。

Siblings of div-03

   1. LI
   2. LI
   3. DIV
   4. DIV

仕様

ブラウザ互換性

デスクトップ

機能	Chrome	Firefox (Gecko)	IE	Opera	Safari
基本	4	3.5 (1.9.1)	9	9.8	4
文字データ (TextやCommentノード) をサポート	29.0	25 (25) [1]	×	16.0	×

モバイル

機能	Android	Firefox Mobile	IE Mobile	Opera Mobile	Safari Mobile
基本	◯	◯	◯	9.8	◯
文字データ (TextやCommentノード) をサポート	◯		?	×	16.0	×

[1] Firefox 25ではDocumentTypeにもこのプロパティが追加され、 Firefox 28で互換性の問題のために削除されました。

関連項目

• The NonDocumentTypeChildNode pure interface.
• Object types implementing this pure interface: CharacterData, and Element.

 Back to top