element.previousSiblingプロパティ

element.previousSiblingは、「element」に指定した要素の前の要素(兄要素)への参照を返すプロパティ。

構文

var $previousSibling = $elementNodeReference.previousSibling;

戻り値

指定した要素の前の要素への参照。

サンプル

id属性がsampleAである要素の前の要素(兄要素)のタグ名は、

 span要素  b要素  i要素 

サンプルの動作について

「getNextSiblingTagName()」ボタンをクリックすると、「id属性がsampleAである要素の前の要素(兄要素)のノード名は、」の右横に「SPAN」と表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function getNextSiblingTagName() {
 var $sampleRootElement = document.getElementById( "sampleA" );
 var $previousSiblingTagName = $sampleRootElement.previousSibling.tagName;
 document.getElementById( "previousSiblingTagName" ).innerHTML = $previousSiblingTagName;
}
</script>

HTML

<button onclick="getNextSiblingTagName();">getNextSiblingTagName()</button>
<p>id属性がsampleAである要素の前の要素(兄要素)のタグ名は、<span id="previousSiblingTagName"></span></p>
<div><span> span要素 </span><b id="sampleA"> b要素 </b><i> i要素 </i></div>

スポンサード リンク

カテゴリー: DOM, Elementオブジェクト, JavaScript, プロパティ, リファレンス, 参照, 逆引き パーマリンク