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

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

news 2026/4/4 17:25:39

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中引入的特性，它提供了编译时类型安全检测机制泛型的好处把运行时期的问题提前到了编译期间避免了强制类型转换泛型的定义格式 <类型>: 指定一种类型的格式.尖括号里面可以任意书写,一般只写一个字母.例如:…...

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

强化学习p3-策略学习

Policy Network (策略网络) 我们无法知道策略函数 π \pi π所以要做函数近似，求一个近似的策略函数使用策略网络 π ( 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语言基础笔记整理（实例点灯代码分析）持续更新~

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

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

关于 std::condition_variable

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

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

可拓展哈希

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Cadence xrun文件扩展名黑科技：用-vlog_ext参数管理混合语言验证环境

Cadence xrun文件扩展名管理实战：混合语言验证环境的高效配置技巧在数字IC验证领域，多语言混合仿真已成为复杂SoC验证的常态。Verilog、SystemVerilog和VHDL文件往往混杂在同一个项目中，更棘手的是，不同团队可能对相同语言采用不…...

编程新知 2026/4/4 17:01:01

【C++初阶】手撕C++ string类

🎬 博主名称：键盘敲碎了雾霭 🔥 个人专栏: 《C语言》《数据结构》《C》 ⛺️指尖敲代码，雾霭皆可破文章目录一、前言：为什么要手写string类？二、整体架构设计2.1 成员变量设计2.2 类结构总览三、核心构…...

编程新知 2026/4/4 16:10:21

Wand-Enhancer完整指南：如何安全增强WeMod用户体验的终极方案

Wand-Enhancer完整指南：如何安全增强WeMod用户体验的终极方案【免费下载链接】Wand-Enhancer Advanced UX and interoperability extension for Wand (WeMod) app 项目地址: https://gitcode.com/gh_mirrors/we/Wand-Enhancer Wand-Enhancer是一款专为WeMod…...

编程新知 2026/4/4 16:02:07

WebDataset数据压缩算法：Zstd、LZ4与Snappy性能对比

WebDataset数据压缩算法：Zstd、LZ4与Snappy性能对比【免费下载链接】webdataset A high-performance Python-based I/O system for large (and small) deep learning problems, with strong support for PyTorch. 项目地址: https://gitcode.com/gh_mirrors/we/w…...

编程新知 2026/4/4 14:36:53

Python-100-Days：从算法优化到架构设计的深度技术演进

Python-100-Days：从算法优化到架构设计的深度技术演进【免费下载链接】Python-100-Days Python - 100天从新手到大师项目地址: https://gitcode.com/GitHub_Trending/py/Python-100-Days 在当今快速迭代的技术生态中，Python开发者的核心挑战已从…...

编程新知 2026/4/4 14:14:37

解决vue项目 vscode查找文件应用 ctrl+鼠标点击import无法跳转的问题

踩坑前提是 AI的解决方案处理完，你的vue文件一体的script可以查看里面的import文件引用，但是独立的index.js-import无论如何都查看不了文件应用。解决办法如下是我的tscoonfig.json。实际上就是加上【“allowJs”: true, //为了查看文件引用&#x…...

编程新知 2026/4/4 12:24:58

3步掌握猫抓扩展：网页资源嗅探工具全面使用指南

3步掌握猫抓扩展：网页资源嗅探工具全面使用指南【免费下载链接】cat-catch 猫抓浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch 还在为在线视频无法保存而困扰吗&#…...

编程新知 2026/4/4 12:04:20