資訊專欄INFORMATION COLUMN
摘要：統(tǒng)計(jì)當(dāng)前頁(yè)面含有多少個(gè)標(biāo)簽當(dāng)前頁(yè)面存在的標(biāo)簽個(gè)數(shù)為原生統(tǒng)計(jì)頁(yè)面所有標(biāo)簽的種類存儲(chǔ)標(biāo)簽的種類以及相應(yīng)的個(gè)數(shù)
統(tǒng)計(jì)當(dāng)前頁(yè)面含有多少個(gè)標(biāo)簽ES6
const domNames = Array.form(document.querySelectorAll("*")).map(v => v.tagName);
const result = new Set(domNames);
console.log(`當(dāng)前頁(yè)面存在的標(biāo)簽個(gè)數(shù)為： ${result.size}`);
JS
const dom = document.querySelectorAll("*");
const domNames = [];
Array.from(dom).forEach(v => {
domNames.push(v.tagName);
});
const obj = {};
const newArr = [];
domNames.forEach(name => {
if(!obj[name]) {
newArr.push(name);
obj[name] = true;
}
});
console.log(newArr.length);
原生JS統(tǒng)計(jì)頁(yè)面所有標(biāo)簽的種類
var all = document.querySelectorAll("*");
var tags = [];
all.forEach(item => {
tags.push(item.tagName.toLocaleLowerCase());
});
// 存儲(chǔ)標(biāo)簽的種類以及相應(yīng)的個(gè)數(shù)
var result = {};
for(var i = 0; i < tags.length; i++) {
if(!result[tags[i]]) {
result[tags[i]] = 1;
} else {
result[tags[i]]++;
}
}
console.log(res);
console.log(Reflect.ownKeys(res).length);
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103245.html
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼什么是功能統(tǒng)計(jì)作為一名開發(fā)，我們的產(chǎn)品發(fā)布出去之后，無(wú)論是產(chǎn)品還是運(yùn)營(yíng)，其實(shí)都是想及時(shí)了解產(chǎn)品對(duì)用戶產(chǎn)生的影響的。下一章，我們將繼續(xù)聊聊速度統(tǒng)計(jì)。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/bl...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼什么是功能統(tǒng)計(jì)作為一名開發(fā)，我們的產(chǎn)品發(fā)布出去之后，無(wú)論是產(chǎn)品還是運(yùn)營(yíng)，其實(shí)都是想及時(shí)了解產(chǎn)品對(duì)用戶產(chǎn)生的影響的。下一章，我們將繼續(xù)聊聊速度統(tǒng)計(jì)。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/bl...
摘要：所以我已經(jīng)將服務(wù)遷移至上，有興趣的同學(xué)請(qǐng)移步最新的一篇博文博客訪問(wèn)量統(tǒng)計(jì)工具查看最新版本的使用方法。但是針對(duì)博客的訪問(wèn)量統(tǒng)計(jì)，卻沒(méi)有什么可用的工具。 本文最初發(fā)布于我的個(gè)人博客：咀嚼之味 2016.04.23 通告： Hit Kounter 原本部署于 SAE 上，而近期 SAE 針對(duì)使用 MySQL 的應(yīng)用開始收費(fèi)。本項(xiàng)目只是一個(gè)本人使用業(yè)余時(shí)間開發(fā)的小工具；它本身包含的功能也很精...
閱讀 3221·2021-09-30 09:48
閱讀 3497·2021-09-22 16:00
閱讀 1071·2019-08-30 13:08
閱讀 3110·2019-08-30 10:53
閱讀 2422·2019-08-29 18:33
閱讀 1596·2019-08-29 12:47
閱讀 904·2019-08-29 12:16
閱讀 1935·2019-08-26 12:02
