ホームページ >ウェブフロントエンド >jsチュートリアル >親要素に子要素が含まれている場合、JavaScriptでtrueを返すにはどうすればよいですか?
親要素に子要素が含まれている場合、JavaScriptでtrueを返すにはどうすればよいですか?
- PHPz転載
- 2023-09-03 21:01:08753ブラウズ
このチュートリアルでは、JavaScript で親要素に子要素が含まれている場合に true を返す方法を学習します。親要素と子要素という 2 つの HTML 要素があり、親要素に子要素が含まれているかどうかを知りたいとします。
Node.contains() メソッドの使用
Node インターフェイスの contains() メソッドは、ノードが指定されたノードの子孫であるかどうかを示すブール値を返します。 。親ノードが子要素を含む要素であるかどうかを知りたい場合は、Node.contains() メソッドを使用できます。
これは簡単な例です -
<div id="parent"> <p id="child">Some text</p> </div>
以下の JavaScript コード スニペットは、親要素に子要素が含まれているかどうかを確認します。
var parent = document.getElementById("parent");
var child = document.getElementById("child");
document.getElementById("result").innerHTML = parent.contains(child)
// returns true上記のコードでは、getElementById() メソッドを使用して親要素と子要素への参照を取得します。
次に、parent.contains(child) を使用して、親要素に子要素が含まれているかどうかを確認します。
例
完全な HTML コードは次のとおりです -
<html>
<head>
<title>Examples</title>
</head>
<body>
<div id="parent">
<p id="child"></p>
</div>
<div id="result"></div>
<script>
var parent = document.getElementById("parent");
var child = document.getElementById("child");
document.getElementById("result").innerHTML ="Does parent contain child: "+ parent.contains(child)
</script>
</body>
</html>hasChildNodes() メソッドを使用します
親要素に子要素が含まれているかどうかを確認する別の方法この方法は、hasChildNodes() メソッドを使用します。
hasChildNodes() メソッドに子要素が含まれている場合は true を返します。
これは簡単な例です-
<div id="parent"> <p id="child">Some text</p> </div>
以下の JavaScript コードを参照してください-
var parent = document.getElementById("parent");
var child = document.getElementById("child");
document.getElementById("result").innerHTML = parent.hasChildNoodes();上記のコードでは、getElementById() メソッドを使用して親要素を取得し、 child 要素への参照。
次に、hasChildNodes メソッドを使用して、親要素が存在するかどうか、および要素に子要素があるかどうかを確認します。
例
完全な HTML コードは次のとおりです -
<!doctype html>
<html>
<head>
<title>Examples</title>
</head>
<body>
<div id="result"></div>
<div id="parent">
<p id="child"></p>
</div>
<script>
var parent = document.getElementById("parent");
var child = document.getElementById("child");
document.getElementById("result").innerHTML = parent.hasChildNodes();
</script>
</body>
</html>要約すると、親要素に子要素が含まれているかどうかを確認するには、いくつかの方法があります。 Node.contains() または hasChildNodes() メソッドを使用できます。
以上が親要素に子要素が含まれている場合、JavaScriptでtrueを返すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。