DOM操作の簡略化:

Nodeが指定Nodeの子要素かどうかを返す

あるNodeが、指定した親Nodeの直接の子要素かどうかを確認してBool値で返す。

Node1
調べるNodeを指定 id値を文字列で指定してもよい
Node2
親Nodeを指定 id値を文字列で指定してもよい
●必須引数 ●オプション引数(省略可能)

記述例

$isChild(nodeArray[0], $id('parent_node'))
$isChild('item1', 'parent_node')

戻り値

○子要素の場合

・true を返す。

○子要素ではない場合

・false を返す。

動作サンプル

<div id="sample1">を親Nodeとして、内部の各要素を指定して判定。

h1:子要素

div:子要素
h5:孫要素

p:孫要素

HTML : <div id="sample1"> <h1 id="sample1_h1">h1:子要素</h1> <div id="sample1_div"> div:子要素 <h5 id="sample1_h5">h5:孫要素</h5> <p id="sample1_p">p:孫要素</p> </div> <nav id="sampe1_nav">nav:子要素</nav> </div>
Javascript : $isChild('sample1_h1','sample1'); $isChild('sample1_div','sample1'); $isChild('sample1_h5','sample1'); $isChild('sample1_p','sample1'); $isChild('sample1_nav','sample1');
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。