SYNCERのロゴ
アイキャッチ画像

NonDocumentTypeChildNode.previousElementSibling - 直前の要素

previousElementSiblingは、NonDocumentTypeChildNodeのプロパティです。直前のElementを返します。

概要

名前
previousElementSibling
所属
NonDocumentTypeChildNode
IDL
readonly attribute Element? previousElementSibling;
仕様書
https://dom.spec.whatwg.org/#dom-nondocumenttypechildnode-previouselementsibling

説明

元のElementの直前にあるElementを返します。

チュートリアル

直前に要素を挿入する例です。

<ul>
	<li>要素1</li>
	<li id="hoge">対象の要素</li>
	<li>要素2</li>
</ul>
var element = document.getElementById( "hoge" ) ;

element.previousElementSibling ;	// <li>要素1</li>

デモ

NonDocumentTypeChildNode.previousElementSiblingのデモです。直前の要素を取得します。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
	<ul>
		<li>要素1</li>
		<li id="hoge">対象の要素</li>
		<li>要素2</li>
	</ul>
<hr>
<script>
var element = document.getElementById( "hoge" ) ;

console.log( element.previousElementSibling ) ;
document.body.appendChild( new Text( element.previousElementSibling.outerHTML ) ) ;
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
9+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月4日 (水)
コンテンツを公開しました。