当前位置： 首页 > news >正文

HTMLCollection 和 NodeList 区别

news 文章来源：https://blog.csdn.net/qq_40988677/article/details/129280339 2025/1/27 12:16:41

Node 和 Element

  • DOM 是一棵树，所有节点都是 Node
  • Node 是 Element 的基类
  • Element 是其他 HTML 元素的基类，如 HTMLDivElement

在这里插入图片描述

HTMLCollection 和 NodeList

  • HTMLCollection 是 Element 的集合
  • NodeList 是 Node 的集合
<body><p id="p1"><b>node</b>vs<em>element</em><!--这是注释--></p>
</body>
<script>const p1 = document.getElementById('p1')console.log(p1.children) // HTMLCollection(2) [b, em]console.log(p1.childNodes) // NodeList(4) [b, text, em, comment]
</script>

注意

  • 获取 Node 和 Element 的返回结果可能不一样
  • 如 elem.childNodes 和 elem.children 不一样

相关文章：

HTMLCollection 和 NodeList 区别

Node 和 Element DOM 是一棵树&#xff0c;所有节点都是 NodeNode 是 Element 的基类Element 是其他 HTML 元素的基类&#xff0c;如 HTMLDivElement HTMLCollection 和 NodeList HTMLCollection 是 Element 的集合NodeList 是 Node 的集合 <body><p id"p1&qu…...

编程日记 2023/3/1 19:48:18

fork()出来一个进程，这个进程的父进程是从哪来的？

基本概念fork() creates a new process by duplicating the calling process. The new process is referred to as the child process. The calling process is referred to as the parent process.fork()是一个系统调用&#xff0c;不是一个函数。详细信息可以&#xff0c;man…...

编程日记 2023/3/1 19:47:11

结构体内存对齐

结构体相信大家已经了解过了&#xff0c;现在我们深入讨论一个问题&#xff0c;计算结构体的大小 也是很热门的一个考点&#xff1a;结构体内存对齐 先看看下面结构体的大小 typedef struct Test {char a;char b;char c; }Test; 很容易看出答案为3&#xff0c;结构体的大小位…...

编程日记 2023/3/1 19:46:03

【C语言进阶】指针进阶

今日所做之事勿候明天&#xff0c;自我所做之事勿候他人。 --歌德 目录 指针进阶(更深层次的理解): 一.字符指针 二.指针数组 ​三.数组指针 1.数组指针的定义: 2.&数组名和数组名: 3.数组指针的使用: 四.数组参数&#xff0c;指针参数 1.一维数组传参:…...

编程日记 2023/3/1 19:44:54

java：Class的isPrimitive方法使用

java&#xff1a;Class的isPrimitive方法使用 1 前言 java中Class类的isPrimitive方法&#xff0c;用于检查类型是否为基本类型。java虚拟机创建了int、byte、short、long、float、double、boolean、char这8种基础信息&#xff0c;以及void&#xff0c;一共9种。为这9种类型时…...

编程日记 2023/3/1 19:43:46

TCP 握手过程 三次 四次

蛋老师视频 SYN 同步 ACK 确认 FIN 结束 核心机制是确定哪些请求或响应需要丢弃 SYN、ACK、FIN 通过 1/0 设置开启/关闭 开启SYN后&#xff0c;报文中会随机生成 Sequence序号 用于校验 &#xff08;应用可能发起多个会话&#xff0c;可以区分&#xff09; 服务器的同步序…...

编程日记 2023/3/1 19:42:37

windows 下 安裝mysql 5.7.41 （64位） 超简单方式

文章目录1. 安装包下载2.安装步骤3. 服务卸载方式4. 配上 my.ini 常用配置1. 安装包下载 注意&#xff0c;截至2023年2月23日&#xff0c;MySQL所有版本不提供ARM芯片架构的Windows版本(8.0.12开始支持Red Hat系统的ARM版本)&#xff0c;所以ARM架构的Windows无法安装MySQL&am…...

编程日记 2023/3/1 19:41:26

二叉树——二叉树的最近公共祖先

二叉树的最近公共祖先 给定一个二叉树, 找到该树中两个指定节点的最近公共祖先。 百度百科中最近公共祖先的定义为&#xff1a;“对于有根树 T 的两个节点 p、q&#xff0c;最近公共祖先表示为一个节点 x&#xff0c;满足 x 是 p、q 的祖先且 x 的深度尽可能大&#xff08;一…...

编程日记 2023/3/1 19:40:17

数据结构与算法基础-学习-14-线性表之串

一、串的定义由0-n个字符组成的有限序列。&#xff08;n>0&#xff09;二、串的相关术语1、子串串中任意个连续字符组成的子序列成为该串的子串。2、主串包含子串的串成为主串。3、字符位置字符在序列中的序号为该字符在串中的位置。4、子串位置子串第一个字符在主串中的位置…...

编程日记 2023/3/1 19:39:08

Mac 快捷键

目录 命令行快捷键 命令行快捷键 control d 命令行中代表发送EOF终止输入 control u 删除光标之前到行首的字符 control k 删除光标之前到行尾的字符(比较常用) control a 移动光标到行首(常用) control e 移动光标到行尾 control l 清屏&#xff0c;相当于clear命令 con…...

编程日记 2023/3/1 19:37:58

【微服务】-微服务环境搭建

目录 2.1 技术选型 2.2 模块设计 2.3 微服务调用 2.4 创建⽗⼯程 2.5 创建商品微服务 2.6 创建订单微服务 2.1 技术选型 持久层: SpingData Jpa 数据库: MySQL5.7 其他: SpringCloud Alibaba 技术栈 2.2 模块设计 --- shop-parent ⽗⼯程 --- shop-product-api 商品微服…...

编程日记 2023/3/1 19:36:45

IGKBoard（imx6ull）-ADC编程MQ-2烟雾传感器采样

文章目录1- ADC介绍2- MQ-2烟雾传感器介绍&#xff08;1&#xff09;工作原理&#xff08;2&#xff09;MQ-2应用电路3- MQ-2烟雾传感器硬件连接4- ADC驱动配置5- 编程查看当前浓度1- ADC介绍 ADC是Analog-to-Digital Converter的缩写&#xff0c;指模数转换器。真实世界的模拟…...

编程日记 2023/3/1 19:35:36

前端二面vue面试题总结

什么是 mixin &#xff1f; Mixin 使我们能够为 Vue 组件编写可插拔和可重用的功能。如果希望在多个组件之间重用一组组件选项&#xff0c;例如生命周期 hook、 方法等&#xff0c;则可以将其编写为 mixin&#xff0c;并在组件中简单的引用它。然后将 mixin 的内容合并到组件中…...

编程日记 2023/3/1 19:34:26

时间API在更新，传奇已经谢幕，但技术永远不死

&#xff08;Bill Joy(左一)&#xff0c;Vinod Khosla(左二)&#xff0c;Andy Bechtolsheim(右二)&#xff0c;Scott McNealy(右一) &#xff09; CSDN 博文征集活动&#xff08;和日期相关的代码和bug&#xff09;&#xff1a;点击这里 各位 “big guys”&#xff0c;这篇博文…...

编程日记 2023/3/1 19:33:16

SQL调优指南笔记22：Gathering Diagnostic Data with SQL Test Case Builder

本文为SQL Tuning Guide 第21章“Gathering Diagnostic Data with SQL Test Case Builder”的笔记。 SQL Test Case Builder 是一种工具&#xff0c;可自动收集在不同数据库实例中重现问题所需的信息。 SQL 测试用例是一组信息&#xff0c;使开发人员能够为遇到性能问题的特定…...

编程日记 2023/3/1 19:32:09

从0开始学python -43

Python3 正则表达式 正则表达式是一个特殊的字符序列&#xff0c;它能帮助你方便的检查一个字符串是否与某种模式匹配。 Python 自1.5版本起增加了re 模块&#xff0c;它提供 Perl 风格的正则表达式模式。 re 模块使 Python 语言拥有全部的正则表达式功能。 compile 函数根…...

编程日记 2023/3/1 19:31:00

Kafka基本原理

总述 简介 Kafka是最初由Linkedin公司开发&#xff0c;是一个分布式、支持分区的&#xff08;partition&#xff09;、多副本的&#xff08;replica&#xff09;&#xff0c;基于zookeeper协调的分布式消息系统&#xff0c;它的最大的特性就是可以实时的处理大量数据以满足各…...

编程日记 2023/3/1 19:29:49

css3的重点内容

css3的重点内容 浮动 父级边框塌陷问题 浮动的清除 clear:left; //清除左侧浮动 clear:right; //清除右侧浮动 clear:both; //清除两侧浮动解决方案 增加父级元素的高度增加一个空的div&#xff0c;之后清除浮动通过overflow来进行相关元素的修剪给父类添加相应的伪类元素…...

编程日记 2023/3/1 19:28:40

《Roller: Fast and Efficient Tensor Compilation for Deep Learning》

《Roller: Fast and Efficient Tensor Compilation for Deep Learning》 用于深度学习 快速高效的张量编译器 作者 微软亚洲研究院以及多伦多大学等多所高校 摘要 当前编译为了产生高效的kernel时&#xff0c;搜索空间大&#xff0c;通常使用机器学习的方法 找到最优的方案…...

编程日记 2023/3/1 19:27:31

顺丰同城测试开发一面 49min答案，全文7000字，面试总结都在这里了

今天给大家分享一份顺丰同城的测试开发一面面试真题。老规矩&#xff0c;当你看到这份面试题的时候&#xff0c;先不要着急去看答案&#xff0c;你可以想想假如你在面试现场&#xff0c;你会怎么回答&#xff1f;这个思考的过程其实也是很重要的。 全文7000字干货&#xff0c;…...

编程日记 2023/3/1 19:26:22

docker启动容器服务之后访问失败

关于docker启动容器服务之后&#xff0c;宿主机访问失败&#xff08;解决方法&#xff09; 注&#xff1a;在进行docker容器启动宿主机进行容器访问时&#xff0c;无需进行网络的配置&#xff0c;docker容器在启动时会自动解决 第一种原因及修改方法 在进行启动的时候&#…...

编程日记 2023/3/1 19:25:14

GraalVM-云原生时代的JVM(Java)

文章目录一、GraalVM是什么&#xff1f;二、GraalVM有哪些特点&#xff1f;2.1、高性能2.2、多语言支持2.3、互操作性2.4、安全性三、GraalVM的应用效果3.1、提高性能3.2、简化开发3.3、降低成本3.4、节省资源3.5、支持云环境四、使用GraalVM编译springboot应用程序4.1、下载并…...

编程日记 2023/3/1 19:24:06

如何外网登录访问瑞友天翼应用虚拟化系统？——快解析内网端口映射方案

瑞友天翼应用虚拟化系统&#xff08;GWT System&#xff09;是国内具有自主知识产权的应用虚拟化平台&#xff0c;是基于服务器计算&#xff08;Server-based Computing&#xff09;的应用虚拟化平台。如何将内网平台提供到互联网上外网访问&#xff0c;是我们比较关注的问题。…...

编程日记 2023/3/1 19:22:59

蓝海彤翔执行副总裁张加廷接受【联播苏州】独家专访

今年春节档&#xff0c;科幻类电影《流浪地球2》票房口碑双丰收&#xff0c;截至目前&#xff0c;累计票房已破 38 亿&#xff0c;淘票票评分 9.6 &#xff0c;影片的特效质感可以媲美国际顶尖水平。其中&#xff0c;蓝海彤翔为影片的后期制作提供了出色的渲染服务。2月21日&am…...

编程日记 2023/3/1 19:21:51

iOS Airplay Screen Mirroring 同屏技术详解

投屏技术已经被大量用在身边的产品&#xff0c;比如电视投屏&#xff0c;投影仪&#xff0c;视频会议产品中。 在iOS平台外的其他平台中都已经有非常成熟的标准和实现。但在封闭的苹果iOS和Mac系统中&#xff0c;苹果使用私有的Airplay协议进行多屏互动&#xff0c;只开放给自己…...

编程日记 2023/3/1 19:20:42

更新 Python 100道基础入门检测练习题【下篇】（附答案）

前言 大家早好、午好、晚好吖 ❤ ~ 爆肝更新 Python 100道基础入门练习题【篇上】 更多精彩内容、资源皆可点击文章下方名片获取此处跳转 实例021&#xff1a;猴子偷桃 题目&#xff1a; 猴子吃桃问题&#xff1a;猴子第一天摘下若干个桃子&#xff0c;当即吃了一半&#xf…...

编程日记 2023/3/1 19:19:31

[RDMA-高级计算机网络report] Congestion Control for Large-Scale RDMA Departments

本文主要解决的问题是在RoCEv2体系中&#xff0c;基于优先级的拥塞控制PFC是一种粗粒度的机制。 它在端口&#xff08;或端口加优先级&#xff09;级别上运行&#xff0c;并且不区分流。PAUSE机制是基于每个端口&#xff08;和优先级&#xff09;的&#xff0c;而不是基于每个流…...

编程日记 2023/3/1 19:18:25

ROS2功能包Hello world(python)

文章目录环境准备Python创建工作空间、功能包及节点方法编译使用环境准备 为了便于日后复现&#xff0c;相关环境已经打包到docker中。 拉取docker镜像 docker pull 1224425503/ros2_foxy_full:latest新建容器 docker run -dit --rm --privilegedtrue --network host -e NV…...

编程日记 2023/3/1 19:17:16

数学建模竞赛的一些心得体会

1.数学建模经验首先简要的介绍一下我的情况。数学建模我也是在大一暑假开始接触的&#xff0c;之前对其没有任何的了解。我本身对数学也有相对较厚的兴趣&#xff0c;同时我也是计算机专业的学生&#xff0c;因此&#xff0c;我觉得我可参加数学建模的这个比赛。大一的暑假参加…...

编程日记 2023/3/1 19:16:10

什么是自动化测试？自动化测试现状怎么样？

什么是自动化测试&#xff1a;其实自动化测试&#xff0c;就是让我们写一段程序去测试另一段程序是否正常的过程&#xff0c;自动化测试可以更加省力的替代一部分的手动操作。 现在自动化测试的现状&#xff0c;也是所有学习者关心的&#xff0c;但现在国内公司主要是以功能测…...

编程日记 2023/3/1 19:15:03

企业建设网站网站建设公司/广告投放网站

3876: [Ahoi2014]支线剧情 Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 1538 Solved: 940[Submit][Status][Discuss]Description 【故事背景】宅男JYY非常喜欢玩RPG游戏&#xff0c;比如仙剑&#xff0c;轩辕剑等等。不过JYY喜欢的并不是战斗场景&#xff0c;而是类似电…...

编程日记 2025/1/27 12:00:31

网站建设怎么学习/网络站点推广的方法

一般在给jquery对象取名的时候在前面加$。 一看就知道是jquery对象。 变量命名规则中起始字符可以是 字母,下划线(_),美元符($),只是很多的js库喜欢使用$作为全局变量标志。 jQuery也不例外.加上$,作为jQuery变量标志更容易进行区分。 在使用jQuery 中&#xff0c;如果一个变量…...

编程日记 2025/1/27 10:17:30

外贸网站建设制作/seo营销外包公司

欢迎关注”生信修炼手册”!通过对单个表型的GWAS分析结果进行连锁不平衡回归分析&#xff0c;可以鉴定是否存在混淆因素&#xff0c;同时估计遗传力的大小&#xff1b;对于多个不同表型的GWAS分析结果进行分析&#xff0c;则可以计算表型间的遗传相似度。通过ldsc这款软件&…...

编程日记 2025/1/27 8:04:40

南山做网站/网站推广优化方案

今天为各位带来的是PS照片马赛克拼图效果怎么制作&#xff0c;在做之前&#xff0c;你先要准备好一定量的照片来做照片墙的效果。然后将这些照片统一放到文件夹中保存。1、打开PS&#xff0c;点击【文件】-【自动】-【联系表】&#xff0c;在源图像中选取&#xff0c;来使用你保…...

编程日记 2025/1/27 6:30:32

做网站链接的页面怎么做/苏州seo网站公司

学习函数式编程的过程中&#xff0c;我接触到了 Ramda.js。 我发现&#xff0c;这是一个很重要的库&#xff0c;提供了许多有用的方法&#xff0c;每个 JavaScript 程序员都应该掌握这个工具。 你可能会问&#xff0c;Underscore 和 Lodash 已经这么流行了&#xff0c;为什么还…...

编程日记 2025/1/27 1:09:41

南宁培训网站建设/搜索引擎优化是指

全部章节 >>>> 本章目录 2.1 线程的概述 2.1.1 进程 2.1.2 多线程优势 2.1.3 Thread 类 2.1.4 实践练习 2.2 Runnable接口 2.2.1 Runnable接口 2.2.2 使用 Runnable接口实现多线程 2.2.3 Thread和Runnable 2.2.4 实践练习 2.3 控制线程 2.3.1 线程休…...

编程日记 2025/1/26 20:36:14