この記事では、ネイティブJavaScriptの指定された要素の下ですべての子孫要素を取得する方法について説明します。それはあなたの参照のためにあなたと共有されます。特定の実装方法は次のとおりです。
過去に一般的に使用されているループ再帰法は、非常に厄介に思えました。ネイティブJavaScriptメソッドを使用してこの関数を実装する比較的簡単な方法を共有させてください。
コードの例は次のとおりです。
次のようにコードをコピーします：<！doctype html>
<html>
<head>
<メタcharset = "utf-8">
<Meta name = "Author" content = "// www.vevb.com/"/>
<title> javascriptは子孫の要素を取得します</title>
<script type = "text/javascript">
window.onload = function（）{
var obox = document.getElementById（ "box"）;
var show = document.getElementById（ "show"）;
var nodes = obox.getelementsbytagname（ "*"）;
show.innerhtml = nodes.length;
}
</script>
</head>
<body>
<div id = "show"> </div>
<div id = "box">
<div>
<ul>
<li>要素1 </li>
<li>要素2 </li>
<li>要素3 </li>
</ul>
</div>
</div>
</body>
</html>
上記のコードは、当社の要件を実装しています。パラメーターアスタリスクは、あらゆる種類のタグに一致するワイルドカードを表します。
getElementsByTagname（）メソッドの呼び出しオブジェクトは、その検索範囲を決定します。
この記事が、みんなのJavaScript Webプログラミングに役立つことを願っています。