↑

DOM

：

ドキュメント オブジェクト モデル

：

Element.closest() メソッド

　編集：2022.09.25 by T.A.

[Edge]。→●、mdn

element と、その親に（文書ルートに）向かって、指定された CSS セレクターに一致するノードが見つかるまで探索し Element を返します。

構文
element.closest(selectors)
element Element オブジェクト。
selectors 有効な CSS セレクターを表す文字列です。これをこの要素 element およびその祖先に向けて照合します。
戻り値

Element。該当が無い場合は null です。

例外
SyntaxError（DOMException）
selectors が有効なセレクター リストの文字列ではない場合に発生します。
例

HTML： 

<SPAN class="Test Test2">[SPAN要素<B id=IdTest class=Test>[B要素]</B>]</SPAN>

JavaScript： 

D=IdTest.closest('.Test'); //＝[object]：[object HTMLElement]
	//title＝[string]：
	//lang＝[string]：
	//…
	//offsetTop＝[number]：1145
	//offsetLeft＝[number]：130
	//offsetWidth＝[number]：72
	//offsetHeight＝[number]：19
	//innerText＝[string]：[B要素]
	//…
D=IdTest.closest('.Test2'); //＝[object]：[object HTMLSpanElement]
	//title＝[string]：
	//lang＝[string]：
	//…
	//offsetTop＝[number]：1145
	//offsetLeft＝[number]：32
	//offsetWidth＝[number]：177
	//offsetHeight＝[number]：19
	//innerText＝[string]：[SPAN要素[B要素]]
	//…
テスト
HTML：


ここにHTMLが表示される
⯈スクリプト組み込み：
JavaScript：


JavaScript：



表示内容：
表示内容：