如何计算一个html页面有多少种标签

最新推荐文章于 2023-02-10 18:22:50 发布
最新推荐文章于 2023-02-10 18:22:50 发布
阅读量1.2k 收藏 1
点赞数 2
分类专栏： 面试
本文为博主原创文章，欢迎转载。如有问题，欢迎指正。
本文链接：https://blog.csdn.net/weixin_42429672/article/details/102851217
版权
本文介绍了如何计算一个HTML页面中的标签种类，包括获取DOM节点、转化成数组、去重等步骤，并使用ES6特性简化操作。通过示例展示了将NodeList集合转化为数组，利用对象属性实现去重，以求得页面中不同HTML元素的数量。
摘要由CSDN通过智能技术生成

分析

这道题看似简单，但是是一个很有价值的一道题目。它包含了很多重要的知识：

  • 如何获取所有DOM节点
  • 伪数组如何转为数组
  • 去重

那么针对这道题目我们来解答一下，就拿当前页面为例吧。

解答

  1. 获取所有的DOM节点。
document.querySelectorAll('*')

此时得到的是一个NodeList集合，我们需要将其转化为数组，然后对其筛选。

  1. 转化为数组
[...document.querySelectorAll('*')
最低0.47元/天 解锁文章
小火柴FE
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML的常用标签
冷兮雪的博客
11-08 6260
这个标签可以在页面上画水平线。
HTML标签及说明大全（685个）
最新发布
zy0412326的专栏
03-20 1万+
HTML标签及说明大全（685个）
HTML标签
二十多岁想退休
02-10 518
HTML常用标签
HTML全部标签
whf2386的博客
01-11 6755
XHTML1.0提供了几种DOCTYPE可选择： 1.过渡型（Transitional ） 2.严格型（Strict ） HTML是简单的文本标签语言，一个HTML网页文件都是有元素构成的，元素由开始标签、结束标签、属性和元素的内容4部分构成。再学习和使用HTML时要注意区分标签和元素这两个定义。 属性的使用格式如下： <元素 属性=“值”>内容</元素> <元素 属性=‘值’>内容</元素> <元素 属性= 值>内容</元素>
前端学习--HTML
weixin_44491129的博客
01-13 1111
HTML： HTML(Hyper Text Markup Language)超文本标记语言 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 关于web需了...
如何做一个简单的恋爱时间计算HTML
02-23
适用于新手的一个简单的恋爱时间计算的文件，付费下载打开就可以运行。 关于时间更改可以在文档中的body标签的endtime 进行时间更改。以及对人名和样式的自由修改。文档付费，合理使用，主要面向小白新手，初学者...
一个简单的HTML5网页设计
12-11
在这个“一个简单的HTML5网页设计”项目中，我们可以看到它被应用于创建一个多页面的网站，可能是某个大学生的结课作业。 首先，HTML5引入了语义化标签，如`<header>`, `<nav>`, `<section>`, `<article>`, `...
网页制作中注意应用HTML标签的问题
09-28
HTML已经尝试去除表现和朝向内容发展，导致这样一...这将会给网页减肥，因为一个表现指令集合（以外部CSS文档的形式）可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。部分不良
HTML入门-页面结构&基础标签
01-08
(面试题)三、三个版本和一个标准（面试题）四、html5的扩展五、html创建文件（重点）六、html格式（重点）七、html基本结构（重点）八、注释九、基础标签（重点）十、文本标签十一、布局标签十二、特殊符号 ...
HTML静态页面的标签
08-01
例如，可以使用标签定义一个容器，然后在容器中添加其他标签，创建一个复杂的网页结构。 HTML 静态页面的标签是构建静态网页的基础组成部分，了解和掌握这些标签可以帮助你更好地构建静态网页。
前端基础，超全html常用标签大汇总
Rosia629的博客
10-15 6986
新手一天搞定html常用标签，超全汇总，快来学习~
html大概有多少个标签,你知道被标准化的 HTML 标签有多少个吗？
weixin_39997310的博客
06-19 309
一、前言前些天 winter 老师直播问了一个问题，你知道现在有多少个被标准化的 HTML 标签吗？这是个很有意思的问题。写了这么久的 HTML，那到底有多少个被标准化的 HTML标签呢？二、获取 HTML 标签首先，我们访问 HTML 标准文档，这张表格中整理了所有的 HTML 标签。我们可以将它们黏贴到编辑器中，看到总共有 109 行。如果你粗略的浏览下，你应该会发现，h1 、h2一直到 h6...
列举html的基本标签6个,head标签 - HTML | 绿叶学习网
weixin_39945871的博客
06-19 1323
在上一节，我们学习了HTML页面的基本结构，也知道head标签是比较特殊的。事实上，只有一些特殊的标签才能放在head标签内，其他大部分标签都是放在body标签内的。这一节涉及的内容比较抽象，也缺乏实操性，因为这些标签都是实战开发才用得到，而练习中一般用不到。那么为什么要在教程初期就来给大家介绍head标签呢？其实，这也是为了让小伙伴们有一个清晰流畅的学习思路，先把“页头”学了，再来学“页身”。在...
HTML常用标签超详细整理
热门推荐
shengyin714959的博客
05-27 2万+
HTML概述 1.1 什么是HTML HTML是做网站的、Web开发、互联网生态开发(PC端+移动端+微应用) 目前我们使用的都是HTML5,支持传统的PC端开发，还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术 1.2 HTML概念 HTML:Hyper Text Markup Language，超文本标记语言。是用来帮助我们构建网页的。 【超文本】：网页本身是一个文本文件，而超文本指的是这种文件中既可以包含文本信息，又可以包含图片，音频，视频和链接等非文字的信息。
HTML 基本标签大全
qq_46028517的博客
06-08 1万+
HTML基础------认识标签
W3C标准的HTML标签--按功能类别排列
qdzx2008的专栏
02-28 7692
W3C标准的HTML标签按功能类别排列DTD：指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict,严格类型, T=Transitional,过渡类型【最普遍】, F=Frameset,框架类型.标签成对，xhtml是比html更严格，类似XML格式标签描述DTD 定义文档类型。STF定义 HTML 文档。STF
HTML常用的标签
互关互粉，相互学习。
07-04 2887
HTML常用的标签使用，有实例网页效果展示，更直观学习起来更省力，希望有所裨益。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值