很久沒有操作過遞歸調(diào)用了。看完之后,驀然驚醒啊!
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>統(tǒng)計(jì)Element節(jié)點(diǎn)</title>
   <script language="javascript">
         var  elementName="";
   function countTotalElement(node)
   {
       ///Attribute  nodeType值為2,表示節(jié)點(diǎn)屬性
    ///Comment    nodeType值為8,表示注釋文本
    ///Document   nodeType值為9,表示Document
    ///DocumentFragment   nodeType值為11,表示Document片段
    ///Element            nodeType值為1,表示元素節(jié)點(diǎn)
    ///Text               nodeType值為3,表示文本節(jié)點(diǎn)
       var total=0;
    if(node.nodeType==1) //1代表節(jié)點(diǎn)的類型為Element
    {
       total++;
    elementName=elementName+node.tagName+"/r/n";
    }
    var childrens=node.childNodes;
    for(var i=0;i<childrens.length;i++)
    {
        total+=countTotalElement(childrens[i]);
    } 
    return total;
   }
   </script>
</head>
<body>
     <h1>測試</h1>
     <table cellpadding="0" cellspacing="0">
         <tr><td>
         <form action="" method="post">
               <input type="text" value="測試"><br />
               <input type="password" value="">
         </form>
         </td></tr>
     </table>
     <a href="javascript:void(0)">開始測試</a>
</body>
</html>
其實(shí),通過遞歸調(diào)用也可以實(shí)現(xiàn) 想百度蜘蛛爬蟲一樣的效果!這個(gè)值得一試,或許可以通過這個(gè)方法,寫一個(gè)sitemap生成器!
新聞熱點(diǎn)
疑難解答
圖片精選