js獲取html頁面節(jié)點方法(遞歸方式)
更新時間：2013年12月13日 09:35:57 作者：
這篇文章主要介紹了js使用遞歸方式獲取html頁面節(jié)點的方法，大家可以參考使用吧
很久沒有操作過遞歸調(diào)用了?？赐曛?，驀然驚醒??！
復制代碼 代碼如下:
<!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)計Element節(jié)點</title>
<script language="javascript">
var elementName="";
function countTotalElement(node)
{
///Attribute nodeType值為2，表示節(jié)點屬性
///Comment nodeType值為8，表示注釋文本
///Document nodeType值為9，表示Document
///DocumentFragment nodeType值為11，表示Document片段
///Element nodeType值為1，表示元素節(jié)點
///Text nodeType值為3，表示文本節(jié)點
var total=0;
if(node.nodeType==1) //1代表節(jié)點的類型為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 width="100" border="2" cellpadding="0" cellspacing="0">
<tr><td>
<form name="form1" action="" method="post">
<input type="text" name="ipput1" value="測試"><br />
<input type="password" name="password" value="">
</form>
</td></tr>
</table>
<a href="javascript:void(0)" onClick="alert('標記總數(shù)'+countTotalElement(document)+'\r\n 全部標記如下:\r\n'+elementName);">開始測試</a>
</body>
</html>
其實，通過遞歸調(diào)用也可以實現(xiàn) 想百度蜘蛛爬蟲一樣的效果！這個值得一試，或許可以通過這個方法，寫一個sitemap生成器！
相關文章
JavaScript實現(xiàn)橫線提示輸入驗證碼隨輸入驗證碼輸入消失的方法
這篇文章主要介紹了JavaScript實現(xiàn)橫線提示輸入驗證碼隨輸入驗證碼輸入消失的方法，非常實用，在微信開發(fā)中經(jīng)常會用到，需要的朋友可以參考下2016-09-09
JavaScript中Object.prototype.toString方法的原理
這篇文章主要介紹了JavaScript中Object.prototype.toString方法的原理的相關資料,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)左側(cè)滑欄過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
今天小編就為大家分享一篇layui上傳圖片到服務器的非項目目錄下的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了JavaScript Canvas實現(xiàn)驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
在本篇文章里小編給大家整理的是一篇關于js用正則表達式篩選年月日的實例方法，對此有興趣的朋友們可以學習下。2021-01-01
開發(fā)時遇到一個問題,需要將對象中的空值和空對象去除,所以這篇文章主要給大家介紹了關于去除JavaScript對象中空值和空對象的四種方式,需要的朋友可以參考下2023-09-09
本文通過案例給大家介紹了JavaScript fetch接口,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
微信小程序使用toast消息對話框提示用戶忘記輸入用戶名或密碼功能【附源碼下載】
這篇文章主要介紹了微信小程序使用toast消息對話框提示用戶忘記輸入用戶名或密碼功能,結(jié)合實例形式詳細分析了toast組件實現(xiàn)消息提示功能的相關操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了JS+CSS實現(xiàn)可拖動的彈出提示框,涉及針對鼠標事件及html元素的操作技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02