指定された element_javascript スキルに基づいてすべての子孫要素を取得するメソッドのネイティブ JavaScript 実装

この記事の例では、ネイティブ JavaScript を使用して、指定された要素の下にあるすべての子孫要素を取得する方法を説明します。ご参考までに。具体的な実装方法は以下の通りです。

これまで一般的に使用されていたループや再帰メソッドは非常に面倒でしたが、ネイティブ JavaScript メソッドを使用してこの機能を実現する比較的簡単な方法を紹介します。
コード例は次のとおりです:

コードをコピー コードは次のとおりです:

<頭>



<スクリプトタイプ="text/javascript">
window.onload=function(){
var obox=document.getElementById("box");
var oshow=document.getElementById("show");
var nodes=obox.getElementsByTagName("*");
oshow.innerHTML=nodes.length;
}

• 要素 1


• 要素 2


• 要素 3

上記のコードは要件を実装しています。パラメーターのアスタリスクは、すべてのタイプのタグに一致するワイルドカード文字を表します。
getElementsByTagName() メソッドの呼び出しオブジェクトによって、その検索範囲が決まります。

この記事が皆様の JavaScript Web プログラミングの設計に役立つことを願っています。