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

【5.JS基础-JavaScript的DOM操作】

news 2026/2/10 17:43:35

1 认识DOM和BOM

所以我们学习DOM，就是在学习如何通过JavaScript对文档进行操作的；
在这里插入图片描述

DOM Tree的理解

在这里插入图片描述

DOM的学习顺序

在这里插入图片描述

DOM的继承关系图

在这里插入图片描述

2 document对象

在这里插入图片描述

3 节点（Node）之间的导航（navigator）

在这里插入图片描述

4 元素（Element）之间的导航（navigator）

在这里插入图片描述

5 获取元素的方法

常用选择器来获取,和css一样
在这里插入图片描述

元素属性

在这里插入图片描述

6 attribute的分类

在这里插入图片描述

attribute的操作

在这里插入图片描述

元素的属性（property）

在这里插入图片描述

7 HTML5的data-自定义属性

在这里插入图片描述

8 JavaScript动态修改样式

在这里插入图片描述

给元素添加类:className和classList

在这里插入图片描述

元素的style属性

在这里插入图片描述

9 创建元素

在这里插入图片描述
在这里插入图片描述

插入元素

在这里插入图片描述

移除和克隆元素

移除元素我们可以调用元素本身的remove方法：
在这里插入图片描述
在这里插入图片描述

相关文章：

【5.JS基础-JavaScript的DOM操作】

1 认识DOM和BOM 所以我们学习DOM，就是在学习如何通过JavaScript对文档进行操作的； DOM Tree的理解 DOM的学习顺序 DOM的继承关系图 2 document对象 3 节点（Node）之间的导航（navigator） 4 元素&#xff0…...

编程日记 2023/5/11 11:14:34

【大数据之Hadoop】二十九、HDFS存储优化

纠删码和异构存储测试需要5台虚拟机。准备另外一套5台服务器集群。 环境准备： （1）克隆hadoop105为hadoop106，修改ip地址和hostname，然后重启。 vim /etc/sysconfig/network-scripts/ifcfg-ens33 vim /etc/hostname r…...

编程日记 2023/5/11 11:09:33

SuperMap GIS基础产品组件GIS FAQ集锦（2）

SuperMap GIS基础产品组件GIS FAQ集锦（2） 【iObjects for Spark】读取GDB参数该如何填写？ 【解决办法】可参考以下示例： val GDB_params new util.HashMapString, java.io.Serializable GDB_params.put(FeatureRDDProviderParam…...

编程日记 2023/5/30 16:51:32

C语言printf()函数中整型格式说明符详解

每个整型在printf()函数中对应不同的格式说明符,以实现该整型的打印输出。格式说明符必须使用小写。现在让我们看看各个整型及其格式说明符: 短整型(short) 10进制:%hd16进制:无负数格式,正数使用%hx8进制:无负数格式,正数使用%ho c short s 34; printf("%hd", s…...

编程日记 2023/5/11 10:59:30

阿里云服务器地域和可用区怎么选择合适？

阿里云服务器地域和可用区怎么选择？地域是指云服务器所在物理数据中心的位置，地域选择就近选择，访客距离地域所在城市越近网络延迟越低，速度就越快；可用区是指同一个地域下，网络和电力相互独立的区域&#…...

编程日记 2023/5/29 17:38:45

Java序列化引发的血案

1、引言 阿里巴巴Java开发手册在第一章节，编程规约中OOP规约的第15条提到： **【强制】**序列化类新增属性时，请不要修改serialVersionUID字段，避免反序列失败；如果完全不兼容升级，避免反序列化混乱&#x…...

编程日记 2023/5/11 10:49:27

为Linux系统添加一块新硬盘，并扩展根目录容量

我的原来ubuntu20.04系统装的时候不是LVM格式的分区， 所以先将新硬盘转成LVM，再将原来的系统dd到新硬盘，从新硬盘的分区启动，之后再将原来的分区转成LVM，在融入进来 1：将新硬盘制作成 LVM分区 我的新硬盘…...

编程日记 2023/5/11 10:44:26

树莓派Opencv调用摄像头（Raspberry Pi 11）

前言：本人初玩树莓派opencv，使用的是树莓派Raspberry Pi OS 11，系统若不一致请慎用，本文主要记录在树莓派上通过Opencv打开摄像头的经验。 1、系统版本 进入树莓派，打开终端输入以下代码（查看系统的版本&…...

编程日记 2023/5/11 10:39:25

国产ChatGPT命名图鉴

很久不见这般热闹的春天。 随着ChatGPT的威名席卷全球，大洋对岸的中国厂商也纷纷亮剑，各式本土大模型你方唱罢我登场，声势浩大的发布会排满日程表。 有趣的是，在这些大模型产品初入历史舞台之时，带给世人的第一印象其…...

编程日记 2023/5/29 17:40:15

操作系统——进程管理

0.关注博主有更多知识 操作系统入门知识合集 目录 0.关注博主有更多知识 4.1进程概念 4.1.1进程基本概念 思考题： 4.1.2进程状态 思考题： 4.1.3进程控制块PCB 4.2进程控制 思考题： 4.3线程 思考题： 4.4临界资源与临…...

编程日记 2023/5/11 10:29:22

第四十一章 Unity 输入框 (Input Field) UI

本章节我们学习输入框 (Input Field)，它可以帮助我们获取用户的输入。我们点击菜单栏“GameObject”->“UI”->“Input Field”，我们调整一下它的位置，效果如下 我们在层次面板中发现，这个InputField UI元素包含两个子元素&…...

编程日记 2023/5/11 10:24:21

10.集合

1.泛型 1.1泛型概述 泛型的介绍 ​ 泛型是JDK5中引入的特性&#xff0c;它提供了编译时类型安全检测机制 泛型的好处 把运行时期的问题提前到了编译期间避免了强制类型转换 泛型的定义格式 <类型>: 指定一种类型的格式.尖括号里面可以任意书写,一般只写一个字母.例如:…...

编程日记 2023/5/11 10:19:20

强化学习p3-策略学习

Policy Network (策略网络) 我们无法知道策略函数 π \pi π所以要做函数近似&#xff0c;求一个近似的策略函数 使用策略网络 π ( a ∣ s ; θ ) \pi(a|s;\theta) π(a∣s;θ) 去近似策略函数 π ( a ∣ s ) \pi(a|s) π(a∣s) ∑ a ∈ A π ( a ∣ s ; θ ) 1 \sum_{a\in …...

编程日记 2023/5/11 10:14:19

初学Verilog语言基础笔记整理（实例点灯代码分析）持续更新~

实例&#xff1a;点灯学习 一、Verilog语法学习 1. 参考文章 刚接触Verilog&#xff0c;作为一个硬件小白&#xff0c;只能尝试着去理解&#xff0c;文章未完…持续更新。 参考博客文章&#xff1a; Verilog语言入门学习&#xff08;1&#xff09;Verilog语法【Verilog】一文…...

编程日记 2023/5/11 10:09:18

关于 std::condition_variable

一. std::condition_variable是什么&#xff1f; std::condition_variable 是 C 标准库提供的一个线程同步的工具&#xff0c;用于实现线程间的条件变量等待和通知机制。 条件变量的发生通常与某个共享变量的状态改变相关。 在多线程编程中&#xff0c;条件变量通常和互斥锁…...

编程日记 2023/5/30 22:29:59

可拓展哈希

可拓展哈希 借CMU 15445的ppt截图来说明问题。 我们传统静态hash的过程是hash函数后直接将值存入对应的bucket&#xff0c;但是在可扩展hash中&#xff0c;得查询Directory&#xff08;左&#xff09;&#xff0c;存入directory指向的bucket&#xff08;右&#xff09;。 下面…...

编程日记 2023/5/11 9:59:15

Java 版 spring cloud 工程系统管理 +二次开发 工程项目管理系统源码

工程项目各模块及其功能点清单 一、系统管理 1、数据字典&#xff1a;实现对数据字典标签的增删改查操作 2、编码管理&#xff1a;实现对系统编码的增删改查操作 3、用户管理&#xff1a;管理和查看用户角色 4、菜单管理&#xff1a;实现对系统菜单的增删改查操…...

编程日记 2023/5/29 17:42:48

通过伴随矩阵怎么求逆矩阵

设矩阵A为n阶方阵&#xff0c;其伴随矩阵为Adj(A)&#xff0c;则A的逆矩阵为&#xff1a; A⁻ (1/|A|) Adj(A) |A|为A的行列式 Adj(A)为A的伴随矩阵 具体步骤如下&#xff1a; 求出A的行列式|A| 求出A的伴随矩阵 Adj(A) 。伴随矩阵的定义为&#xff1a;对于A的第i行第j列…...

编程日记 2023/5/11 9:49:13

巡检机器人之仪表识别系统

作者主页&#xff1a;爱笑的男孩。 博客简介&#xff1a;分享机器学习、深度学习、python相关内容、日常BUG解决方法及Windows&Linux实践小技巧。 如发现文章有误&#xff0c;麻烦请指出&#xff0c;我会及时去纠正。有其他需要可以私信我或者发我邮箱:zhilong666foxmail.c…...

编程日记 2023/5/11 9:44:12

面试官反感的求职者（下）

上期给大家总结了面试中常见的一些问题&#xff0c;今天就接着上次的话题再给大家说说HR反感的求职者&#xff0c;希望同学们可以自省&#xff0c;避免踩雷。小编从如信银行考试中心了解到的有&#xff1a; 第一、缺乏个性者 这种考生在答题中往往表现得千篇一律&#xff0c;从…...

编程日记 2023/5/31 5:42:44

conda相比python好处

Conda 作为 Python 的环境和包管理工具&#xff0c;相比原生 Python 生态&#xff08;如 pip 虚拟环境&#xff09;有许多独特优势&#xff0c;尤其在多项目管理、依赖处理和跨平台兼容性等方面表现更优。以下是 Conda 的核心好处&#xff1a; 一、一站式环境管理&#xff1a…...

编程新知 2025/11/29 6:54:19

Spring Boot 实现流式响应（兼容 2.7.x）

在实际开发中&#xff0c;我们可能会遇到一些流式数据处理的场景&#xff0c;比如接收来自上游接口的 Server-Sent Events&#xff08;SSE&#xff09; 或 流式 JSON 内容&#xff0c;并将其原样中转给前端页面或客户端。这种情况下&#xff0c;传统的 RestTemplate 缓存机制会…...

编程新知 2025/8/11 8:18:44

Vue3 + Element Plus + TypeScript中el-transfer穿梭框组件使用详解及示例

使用详解 Element Plus 的 el-transfer 组件是一个强大的穿梭框组件&#xff0c;常用于在两个集合之间进行数据转移&#xff0c;如权限分配、数据选择等场景。下面我将详细介绍其用法并提供一个完整示例。 核心特性与用法 基本属性 v-model&#xff1a;绑定右侧列表的值&…...

编程新知 2026/2/4 4:25:40

Unit 1 深度强化学习简介

Deep RL Course ——Unit 1 Introduction 从理论和实践层面深入学习深度强化学习。学会使用知名的深度强化学习库&#xff0c;例如 Stable Baselines3、RL Baselines3 Zoo、Sample Factory 和 CleanRL。在独特的环境中训练智能体&#xff0c;比如 SnowballFight、Huggy the Do…...

编程新知 2026/2/8 12:54:53

如何理解 IP 数据报中的 TTL？

目录 前言理解 前言 面试灵魂一问&#xff1a;说说对 IP 数据报中 TTL 的理解&#xff1f;我们都知道&#xff0c;IP 数据报由首部和数据两部分组成&#xff0c;首部又分为两部分&#xff1a;固定部分和可变部分&#xff0c;共占 20 字节&#xff0c;而即将讨论的 TTL 就位于首…...

编程新知 2026/2/4 18:09:49

网站指纹识别

网站指纹识别 网站的最基本组成&#xff1a;服务器&#xff08;操作系统&#xff09;、中间件&#xff08;web容器&#xff09;、脚本语言、数据厍 为什么要了解这些&#xff1f;举个例子&#xff1a;发现了一个文件读取漏洞&#xff0c;我们需要读/etc/passwd&#xff0c;如…...

编程新知 2026/2/2 17:06:29

LabVIEW双光子成像系统技术

双光子成像技术的核心特性 双光子成像通过双低能量光子协同激发机制&#xff0c;展现出显著的技术优势&#xff1a; 深层组织穿透能力&#xff1a;适用于活体组织深度成像 高分辨率观测性能&#xff1a;满足微观结构的精细研究需求 低光毒性特点&#xff1a;减少对样本的损伤…...

编程新知 2026/1/31 13:04:44

tomcat指定使用的jdk版本

说明 有时候需要对tomcat配置指定的jdk版本号&#xff0c;此时&#xff0c;我们可以通过以下方式进行配置 设置方式 找到tomcat的bin目录中的setclasspath.bat。如果是linux系统则是setclasspath.sh set JAVA_HOMEC:\Program Files\Java\jdk8 set JRE_HOMEC:\Program Files…...

编程新知 2025/6/10 21:11:28

自定义线程池1.2

自定义线程池 1.2 1. 简介 上次我们实现了 1.1 版本&#xff0c;将线程池中的线程数量交给使用者决定&#xff0c;并且将线程的创建延迟到任务提交的时候&#xff0c;在本文中我们将对这个版本进行如下的优化&#xff1a; 在新建线程时交给线程一个任务。让线程在某种情况下…...

编程新知 2026/1/11 0:26:20

Vue3项目实现WPS文件预览和内容回填功能

技术方案背景&#xff1a;根据项目需要&#xff0c;要实现在线查看、在线编辑文档&#xff0c;并且进行内容的快速回填&#xff0c;根据这一项目背景&#xff0c;最终采用WPS的API来实现&#xff0c;接下来我们一起来实现项目功能。 1.首先需要先准备好测试使用的文档&#xf…...

编程新知 2026/2/4 18:48:38