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

HTMLCollection 和 NodeList 区别

news 2026/2/9 6:15:25

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 是一棵树，所有节点都是 NodeNode 是 Element 的基类Element 是其他 HTML 元素的基类，如 HTMLDivElement HTMLCollection 和 NodeList HTMLCollection 是 Element 的集合NodeList 是 Node 的集合 <body><p id"p1&qu…...

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

基本概念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()是一个系统调用，不是一个函数。详细信息可以，man…...

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

结构体内存对齐

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

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

【C语言进阶】指针进阶

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

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

java：Class的isPrimitive方法使用

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

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

TCP 握手过程三次四次

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

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

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

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

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

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

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

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

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

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

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

Mac 快捷键

目录命令行快捷键命令行快捷键 control d 命令行中代表发送EOF终止输入 control u 删除光标之前到行首的字符 control k 删除光标之前到行尾的字符(比较常用) control a 移动光标到行首(常用) control e 移动光标到行尾 control l 清屏，相当于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烟雾传感器介绍（1）工作原理（2）MQ-2应用电路3- MQ-2烟雾传感器硬件连接4- ADC驱动配置5- 编程查看当前浓度1- ADC介绍 ADC是Analog-to-Digital Converter的缩写，指模数转换器。真实世界的模拟…...

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

前端二面vue面试题总结

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

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

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

（Bill Joy(左一)，Vinod Khosla(左二)，Andy Bechtolsheim(右二)，Scott McNealy(右一) ） CSDN 博文征集活动（和日期相关的代码和bug）：点击这里各位 “big guys”，这篇博文…...

编程日记 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 是一种工具，可自动收集在不同数据库实例中重现问题所需的信息。 SQL 测试用例是一组信息，使开发人员能够为遇到性能问题的特定…...

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

从0开始学python -43

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

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

Kafka基本原理

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

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

css3的重点内容

css3的重点内容浮动父级边框塌陷问题浮动的清除 clear:left; //清除左侧浮动 clear:right; //清除右侧浮动 clear:both; //清除两侧浮动解决方案增加父级元素的高度增加一个空的div，之后清除浮动通过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时，搜索空间大，通常使用机器学习的方法找到最优的方案…...

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

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

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

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

进程地址空间（比特课总结）

一、进程地址空间 1. 环境变量 1 ）⽤户级环境变量与系统级环境变量全局属性：环境变量具有全局属性，会被⼦进程继承。例如当bash启动⼦进程时，环境变量会⾃动传递给⼦进程。本地变量限制：本地变量只在当前进程(ba…...

编程新知 2025/11/15 6:48:52

YSYX学习记录（八）

C语言，练习0： 先创建一个文件夹，我用的是物理机： 安装build-essential 练习1： 我注释掉了 #include <stdio.h> 出现下面错误在你的文本编辑器中打开ex1文件，随机修改或删除一部分，之后…...

编程新知 2026/1/24 14:31:01

蓝桥杯 2024 15届国赛 A组儿童节快乐

P10576 [蓝桥杯 2024 国 A] 儿童节快乐题目描述五彩斑斓的气球在蓝天下悠然飘荡，轻快的音乐在耳边持续回荡，小朋友们手牵着手一同畅快欢笑。在这样一片安乐祥和的氛围下，六一来了。今天是六一儿童节，小蓝老师为了让大家在节…...

编程新知 2025/12/5 2:40:04

页面渲染流程与性能优化

页面渲染流程与性能优化详解（完整版） 一、现代浏览器渲染流程（详细说明） 1. 构建DOM树浏览器接收到HTML文档后，会逐步解析并构建DOM（Document Object Model）树。具体过程如下： (…...

编程新知 2026/1/31 11:58:35

css3笔记（1）自用

outline: none 用于移除元素获得焦点时默认的轮廓线 broder:0 用于移除边框 font-size：0 用于设置字体不显示 list-style: none 消除<li> 标签默认样式 margin: xx auto 版心居中 width:100% 通栏 vertical-align 作用于行内元素 / 表格单元格&#xff…...

编程新知 2025/10/11 5:18:43