DOM

：

：

Element.previousElementSibling プロパティ

　編集：2022.09.20 by T.A.

[Edge]。読取専用。→、

element の兄弟関係で兄の要素を Element で返します。該当が無い場合は null となります。

構文
element.previousElementSibling
element Element オブジェクト。
値

Element オブジェクト。

例

HTML： 

<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>
  let 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>

¶省く

HTML： 

<SPAN>[SPAN要素：テキスト１<B>[B要素]</B>テキスト２<I id=IdTest>[I要素]</I>テキスト３<EM>[EM要素]</EM>テキスト４]</SPAN>

画面表示：

[SPAN要素：テキスト１[B要素]テキスト２[I要素]テキスト３[EM要素]テキスト４]

JavaScript： 

D=IdTest.previousElementSibling //＝[object]：[object HTMLElement]
	//title＝[string]：
	//lang＝[string]：
	//…
	//offsetTop＝[number]：1491
	//offsetLeft＝[number]：223
	//offsetWidth＝[number]：72
	//offsetHeight＝[number]：19
	//innerText＝[string]：[B要素]
	//…
テスト