オリジナルjavascriptは、指定された要素の下のすべての後代元素コードのインスタンスを取得することを実現する.

7974 ワード

元のjavascriptは、指定された要素の下にあるすべての次の世代の元素コードの例を取得することを実現します.この機能を実現するコードコードをこのブロックで紹介しましたが、コードの量では面倒です.リサイクル方式を採用しています.上で述べた方法は元のjavascriptは、指定された要素の下のすべての要素ノードを取得します。章を参照してください.この文で紹介したのはとても面倒に見えるので、簡単な方法を共有して、オリジナルのjavascript方法を使ってこの機能を実現します.コードの例は以下の通りです
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset=" utf-8">
 5 <meta name="author" content="http://www.softwhy.com/" />
 6 <title>    </title>
 7 <script type="text/javascript">
 8 window.onload=function(){
 9   var obox=document.getElementById("box");
10   var oshow=document.getElementById("show");
11   var nodes=obox.getElementsByTagName("*");
12   oshow.innerHTML=nodes.length;
13 }
14 </script>
15 </head>
16 <body>
17 <div id="show"></div>
18 <div id="box">
19   <div>
20     <ul>
21       <li>     </li>
22       <li>     </li>
23       <li>     </li>
24     </ul>
25   </div>
26 </div>
27 </body>
28 </html>
上のコードは私達の要求を実現しました.パラメータ記号はワイルドカードを表しています.すべての種類のラベルにマッチします.getElements ByTagName()メソッドの呼び出し対象がその検索範囲を決定した.