要素がある要素の子孫かどうかを調べる

書式

Element.childOf(element, parentElement)

element : ID名またはオブジェクト
parentElement : 調べる親要素のID名またはオブジェクト

説明

要素がある要素の子孫かどうかを調べるにはchildOf()を使います。最初のパラメータに調べる要素を指定します。二番目のパラメータには親要素(祖先)を指定します。子孫である場合にはtrue、そうでない場合はfalseを返します。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function checkChild(){
Element.childOf("box3", "box2") ? alert("box3はbox2の子孫です") : alert("box3はbox2の子孫ではありません");
Element.childOf("box3", "box1") ? alert("box3はbox1の子孫です") : alert("box3はbox1の子孫ではありません");
Element.childOf("box4", "box1") ? alert("box4はbox1の子孫です") : alert("box4はbox1の子孫ではありません");
}
// --></script>
</head>
<body>
<h1>子孫かどうか調べる</h1>
<form>
<input type="button" value="チェック" onClick="checkChild()">
</form>
<div id="box1">Box1です。
<div id="box2">
Box2です。
<div id="box3">
Box3です。
</div>
</div>
</div>
<div id="box4">Box4</div>
</body>
</html>