js統(tǒng)計頁面上每個標(biāo)簽的數(shù)量實(shí)例代碼
更新時間：2018年05月29日 09:46:35 作者：CMS_ZERO
這篇文章通過實(shí)例代碼給大家講解了通過js統(tǒng)計頁面上每個標(biāo)簽的數(shù)量，代碼很簡單，具有一定的參考借鑒價值，需要的朋友參考下吧
具體代碼如下所示：
function fold(node){
var map = new Map();
map.set(node.tagName,1);
[].reduce.call(node.children,(acc,child)=>{
deal(acc,fold(child));
return acc
},map)
return map
}
function deal(srcMap,tarMap){
tarMap.forEach((value,tagName)=>{
var newV = value + ~~srcMap.get(tagName);
srcMap.set(tagName,newV);
})
}
調(diào)用
總結(jié)
以上所述是小編給大家介紹的js統(tǒng)計頁面上每個標(biāo)簽的數(shù)量實(shí)例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- JavaScript實(shí)現(xiàn)正則去除a標(biāo)簽并保留內(nèi)容的方法【測試可用】
- JS點(diǎn)擊動態(tài)添加標(biāo)簽、刪除指定標(biāo)簽的代碼
- JS實(shí)現(xiàn)標(biāo)簽滾動切換效果
- js + css實(shí)現(xiàn)標(biāo)簽內(nèi)容切換功能(實(shí)例講解)
- JS實(shí)現(xiàn)的簡單標(biāo)簽點(diǎn)擊切換功能示例
- JavaScript實(shí)現(xiàn)的原生態(tài)Tab標(biāo)簽頁功能【兼容IE6】
- 詳解JavaScript添加給定的標(biāo)簽選項(xiàng)
相關(guān)文章
JS實(shí)現(xiàn)的自定義右鍵菜單實(shí)例二則
這篇文章主要介紹了JS實(shí)現(xiàn)的自定義右鍵菜單,以兩則實(shí)例形式分析了javascript自定義右鍵菜單效果的實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了ES6新特性之字符串的擴(kuò)展,結(jié)合實(shí)例形式對比分析了ES5與ES6字符串函數(shù)以及模板字符串相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
JS連接SQL數(shù)據(jù)庫與ACCESS數(shù)據(jù)庫的方法實(shí)例
這篇文章主要介紹了JS連接SQL數(shù)據(jù)庫與ACCESS數(shù)據(jù)庫的方法實(shí)例，有需要的朋友可以參考一下2013-11-11
JavaScript 以對象為索引的關(guān)聯(lián)數(shù)組
我們常說JavaScript原生支持json，因?yàn)槲覀兛梢哉J(rèn)為json就是對JavaScript的Object對象的靈活應(yīng)用。2010-05-05
最新需要js 文件壓縮圖片上傳 以前沒搞過，新手把學(xué)習(xí)過程分享，對JS HTML圖片顯示Canvas 壓縮功能感興趣的朋友一起看看吧2017-07-07
JavaScript中的類與實(shí)例實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript中的類與實(shí)例實(shí)現(xiàn)方法,非常巧妙的模擬了類與實(shí)例的實(shí)現(xiàn)過程,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
Javascript表格翻頁效果的具體實(shí)現(xiàn)
表格翻頁的實(shí)現(xiàn)方式有很多，下面以js為例為大家詳細(xì)介紹下表格翻頁效果的具體實(shí)現(xiàn)，感興趣的朋友可不要錯過2013-10-10
JavaScript引擎實(shí)現(xiàn)async/await的方法實(shí)例
大家應(yīng)該都知道隨著Node 7的發(fā)布,越來越多的人開始研究據(jù)說是異步編程終級解決方案的async/await,下面這篇文章主要給大家介紹了關(guān)于JavaScript引擎是如何實(shí)現(xiàn)async/await的相關(guān)資料,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了淺析Bootstrap組件之面板組件 的相關(guān)資料,需要的朋友可以參考下2016-05-05
抽出www.templatemonster.com的鼠標(biāo)懸停加載大圖模板的代碼
抽出www.templatemonster.com的鼠標(biāo)懸停加載大圖模板的代碼...2007-07-07