.previousElementSibling

指定した要素の親の子(兄弟)のリスト内で、すぐ前の要素を返します。もし、指定した要素がリスト内で最初の要素であれば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で互換性の問題のために削除されました。

関連項目

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。