快捷導(dǎo)航

js統(tǒng)計(jì)頁(yè)面上每個(gè)標(biāo)簽的數(shù)量實(shí)例代碼

更新時(shí)間：2018年05月29日 09:46:35 作者：CMS_ZERO

這篇文章通過(guò)實(shí)例代碼給大家講解了通過(guò)js統(tǒng)計(jì)頁(yè)面上每個(gè)標(biāo)簽的數(shù)量，代碼很簡(jiǎn)單，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧

具體代碼如下所示：

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)計(jì)頁(yè)面上每個(gè)標(biāo)簽的數(shù)量實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)的自定義右鍵菜單實(shí)例二則
這篇文章主要介紹了JS實(shí)現(xiàn)的自定義右鍵菜單,以兩則實(shí)例形式分析了javascript自定義右鍵菜單效果的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
ES6新特性之字符串的擴(kuò)展實(shí)例分析
這篇文章主要介紹了ES6新特性之字符串的擴(kuò)展,結(jié)合實(shí)例形式對(duì)比分析了ES5與ES6字符串函數(shù)以及模板字符串相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04
JS連接SQL數(shù)據(jù)庫(kù)與ACCESS數(shù)據(jù)庫(kù)的方法實(shí)例
這篇文章主要介紹了JS連接SQL數(shù)據(jù)庫(kù)與ACCESS數(shù)據(jù)庫(kù)的方法實(shí)例，有需要的朋友可以參考一下
2013-11-11
JavaScript 以對(duì)象為索引的關(guān)聯(lián)數(shù)組
我們常說(shuō)JavaScript原生支持json，因?yàn)槲覀兛梢哉J(rèn)為json就是對(duì)JavaScript的Object對(duì)象的靈活應(yīng)用。
2010-05-05
JS HTML圖片顯示Canvas 壓縮功能
最新需要js 文件壓縮圖片上傳以前沒(méi)搞過(guò)，新手把學(xué)習(xí)過(guò)程分享，對(duì)JS HTML圖片顯示Canvas 壓縮功能感興趣的朋友一起看看吧
2017-07-07
JavaScript中的類與實(shí)例實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript中的類與實(shí)例實(shí)現(xiàn)方法,非常巧妙的模擬了類與實(shí)例的實(shí)現(xiàn)過(guò)程,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-01-01
Javascript表格翻頁(yè)效果的具體實(shí)現(xiàn)
表格翻頁(yè)的實(shí)現(xiàn)方式有很多，下面以js為例為大家詳細(xì)介紹下表格翻頁(yè)效果的具體實(shí)現(xiàn)，感興趣的朋友可不要錯(cuò)過(guò)
2013-10-10
JavaScript引擎實(shí)現(xiàn)async/await的方法實(shí)例
大家應(yīng)該都知道隨著Node 7的發(fā)布,越來(lái)越多的人開(kāi)始研究據(jù)說(shuō)是異步編程終級(jí)解決方案的async/await,下面這篇文章主要給大家介紹了關(guān)于JavaScript引擎是如何實(shí)現(xiàn)async/await的相關(guān)資料,需要的朋友可以參考下
2022-03-03
淺析Bootstrap組件之面板組件
這篇文章主要介紹了淺析Bootstrap組件之面板組件的相關(guān)資料,需要的朋友可以參考下
2016-05-05
抽出www.templatemonster.com的鼠標(biāo)懸停加載大圖模板的代碼
抽出www.templatemonster.com的鼠標(biāo)懸停加載大圖模板的代碼...
2007-07-07