js獲取html頁(yè)面節(jié)點(diǎn)方法(遞歸方式)
很久沒(méi)有操作過(guò)遞歸調(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)計(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)的類(lèi)型為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>測(cè)試</h1>
<table width="100" border="2" cellpadding="0" cellspacing="0">
<tr><td>
<form name="form1" action="" method="post">
<input type="text" name="ipput1" value="測(cè)試"><br />
<input type="password" name="password" value="">
</form>
</td></tr>
</table>
<a href="javascript:void(0)" onClick="alert('標(biāo)記總數(shù)'+countTotalElement(document)+'\r\n 全部標(biāo)記如下:\r\n'+elementName);">開(kāi)始測(cè)試</a>
</body>
</html>
其實(shí)，通過(guò)遞歸調(diào)用也可以實(shí)現(xiàn) 想百度蜘蛛爬蟲(chóng)一樣的效果！這個(gè)值得一試，或許可以通過(guò)這個(gè)方法，寫(xiě)一個(gè)sitemap生成器！
- Vue.js 遞歸組件實(shí)現(xiàn)樹(shù)形菜單（實(shí)例分享）
- vue.js學(xué)習(xí)之遞歸組件
- JS中遞歸函數(shù)
- JS遍歷數(shù)組和對(duì)象的區(qū)別及遞歸遍歷對(duì)象、數(shù)組、屬性的方法詳解
- JavaScript采用遞歸算法計(jì)算階乘實(shí)例
- 一個(gè)JavaScript遞歸實(shí)現(xiàn)反轉(zhuǎn)數(shù)組字符串的實(shí)例
- JavaScript的遞歸之遞歸與循環(huán)示例介紹
- 深入Javascript函數(shù)、遞歸與閉包(執(zhí)行環(huán)境、變量對(duì)象與作用域鏈)使用詳解
- js中遞歸函數(shù)的使用介紹
- javascript中遞歸的兩種寫(xiě)法
相關(guān)文章
JavaScript實(shí)現(xiàn)橫線提示輸入驗(yàn)證碼隨輸入驗(yàn)證碼輸入消失的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)橫線提示輸入驗(yàn)證碼隨輸入驗(yàn)證碼輸入消失的方法，非常實(shí)用，在微信開(kāi)發(fā)中經(jīng)常會(huì)用到，需要的朋友可以參考下2016-09-09
JavaScript中Object.prototype.toString方法的原理
這篇文章主要介紹了JavaScript中Object.prototype.toString方法的原理的相關(guān)資料,需要的朋友可以參考下2016-02-02
微信小程序?qū)崿F(xiàn)左側(cè)滑欄過(guò)程解析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)左側(cè)滑欄過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
layui上傳圖片到服務(wù)器的非項(xiàng)目目錄下的方法
今天小編就為大家分享一篇layui上傳圖片到服務(wù)器的非項(xiàng)目目錄下的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JavaScript Canvas實(shí)現(xiàn)驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas實(shí)現(xiàn)驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08
在本篇文章里小編給大家整理的是一篇關(guān)于js用正則表達(dá)式篩選年月日的實(shí)例方法，對(duì)此有興趣的朋友們可以學(xué)習(xí)下。2021-01-01
去除JavaScript對(duì)象中空值和空對(duì)象的四種方式
開(kāi)發(fā)時(shí)遇到一個(gè)問(wèn)題,需要將對(duì)象中的空值和空對(duì)象去除,所以這篇文章主要給大家介紹了關(guān)于去除JavaScript對(duì)象中空值和空對(duì)象的四種方式,需要的朋友可以參考下2023-09-09
本文通過(guò)案例給大家介紹了JavaScript fetch接口,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-08-08
微信小程序使用toast消息對(duì)話框提示用戶忘記輸入用戶名或密碼功能【附源碼下載】
這篇文章主要介紹了微信小程序使用toast消息對(duì)話框提示用戶忘記輸入用戶名或密碼功能,結(jié)合實(shí)例形式詳細(xì)分析了toast組件實(shí)現(xiàn)消息提示功能的相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
JS+CSS實(shí)現(xiàn)可拖動(dòng)的彈出提示框
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)可拖動(dòng)的彈出提示框,涉及針對(duì)鼠標(biāo)事件及html元素的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02