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

news2025/10/28 2:35:38

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方法：
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/509550.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Java的抽象类 接口

Java的抽象类 接口

抽象类 如果自下而上在类的继承层次结构中上移，位于上层的类更具有通用性，甚至可能更加抽象。从某种角度看，祖先类更加通用，人们只将它作为派生其他类的基类，而不作为想使用的特定的实例类。例如，考虑一下…
阅读更多...
python中使用opencv LED屏数字识别（可用做车牌识别，一样的原理）

python中使用opencv LED屏数字识别（可用做车牌识别，一样的原理）

应项目要求需要基于cpu的LED数字识别，为了满足需求，使用传统方法进行实验。识别传感器中显示的数字。因此使用opencv的函数做一些处理，实现功能需求。 首先读取图像，因为我没想大致得到LED屏幕的区域，因此将RGB转换为H…
阅读更多...
Java 观察者模式 详解

Java 观察者模式 详解

观察者模式是一种常见的设计模式，也称作发布-订阅模式。它主要解决了对象之间的通知依赖关系问题。在这种模式中，一个对象（称作Subject）维护着一个对象列表，这些对象（称作Observers）都需要被通知…
阅读更多...
STANet代码复现出现的问题

STANet代码复现出现的问题

1 IndexError: boolean index did not match indexed array along dimension 0; dimension is 4194304 but corresponding boolean dimension is 65536定位到导致错误的代码，是metric.py，Collect values for Confusion Matrix 收集混淆矩阵的值时出错 …
阅读更多...
Java框架学习02（SpringSpringBoot常用注解总结）

Java框架学习02（SpringSpringBoot常用注解总结）

1. SpringBootApplication 这里先单独拎出SpringBootApplication 注解说一下，虽然我们一般不会主动去使用它。 Guide：这个注解是 Spring Boot 项目的基石，创建 SpringBoot 项目之后会默认在主类加上。 SpringBootApplication public class…
阅读更多...
ROM、RAM、FLASH区别

ROM、RAM、FLASH区别

文章目录 一、ROM二、RAM三、FLASH四、单片机程序大小计算1、Keil/MDK 一、ROM ROM（Read Only Memory）只读存储器。是一种半导体内存，其特性是一旦储存资料就无法再将之改变或删除。通常用在不需经常变更资料的电子或电脑系统中，资…
阅读更多...
性能测试的核心原理

性能测试的核心原理

性能测试的核心原理 1 基于协议，前后端交互机制，性能核心。基于界面决定和前端用户交互，基于代码决定了后端。 1 网络分布式架构。 2 单机应用，比如安安兔，鲁大师。主要判断io读写，以及对资源的消耗。 2 多…
阅读更多...
git常见操作命令

git常见操作命令

1.Git 配置 在安装完成 Git 后，开始正式使用前，是需要有一些全局设置的，如用户名、邮箱。 git config --global user.name "your name" // 设置全局用户名 git config --global user.email "your email" // 设…
阅读更多...
Linux诞生与分支

Linux诞生与分支

a) 什么是操作系统操作系统是计算机系统中必不可少的基础系统软件，它的作用是管理和控制计算机系统中的硬件和软件资源，合理地组织计算机系统的工作流程，以便有效地利用这些资源为使用者提供一个功能强大、使用方便的操作环境。它在计算机系…
阅读更多...
汽车轮胎充电宝打气泵方案

汽车轮胎充电宝打气泵方案

我们知道新能源车是没有配置充气泵的，所以在平时日常使用中我们还需要配置一个充气泵。充气泵方案便是在这个用户需求上面开发出来的。它体积小、外观精美、带有多模式充气并车胎检测等功能，是现在有车一族的出行必备物品。 充气泵方案其功能设计集成于一…
阅读更多...
【语义分割】标注工具ISAT with segment anything介绍

【语义分割】标注工具ISAT with segment anything介绍

every blog every motto: You can do more than you think. https://blog.csdn.net/weixin_39190382?typeblog 0. 前言 极速分割标注工具 1. 正文 1.1 安装 创建虚拟环境 conda create -n ISAT_with_segment_anything python3.8 conda activate ISAT_with_segment_anyt…
阅读更多...
宝塔面板搭建Discuz论坛并发布互联网访问【无需云服务器】

宝塔面板搭建Discuz论坛并发布互联网访问【无需云服务器】

✨个人主页：bit me👇 目 录 ⏳前言⏰1.安装基础环境⌚️2.一键部署Discuz📻3.安装cpolar工具📡4.配置域名访问Discuz🔍5.固定域名公网地址📲6.配置Discuz论坛 转载自cpolar极点云的文章：Linux宝…
阅读更多...
关于startActivityForResult()方法被弃用的解决方案

关于startActivityForResult()方法被弃用的解决方案

关于startActivityForResult()方法被弃用的解决方案 背景：使用startActivityForResult()方法时，代码出现划线，显示该方法已被弃用 startActivityForResult() 方法是一种用于在 Android 应用程序中启动另一个活动（Activity&#x…
阅读更多...
Charles抓包

Charles抓包

mac 1、下载安装包 官网下载：Download a Free Trial of Charles • Charles Web Debugging Proxy 2、有效期： 打开Charles > Help > Register Charles > 输入 Registered Name ： https://zhile.io License Key：48891…
阅读更多...
“正大杯”第十三届市场调查与分析大赛[省一]经验总结+复盘

“正大杯”第十三届市场调查与分析大赛[省一]经验总结+复盘

目录 1 前期组队 2 队员组成 队长-成员1 应用统计学专业 成员2 化学实验专业 成员3-本人 物联网工程专业 成员4 金融ACCA专业 成员5 应用物理学 总结 3 比赛进度 3月中旬 部分图表的制作 问卷设计与制作 稍微改动主题 问卷相关总结 前期调查部分论文框架 3月…
阅读更多...
手拉手教您Linux搭建web

手拉手教您Linux搭建web

文章目录 前言1. 本地搭建web站点2. 测试局域网访问3. 公开本地web网站3.1 安装cpolar内网穿透3.2 创建http隧道，指向本地80端口3.3 配置后台服务 4. 配置固定二级子域名5. 测试使用固定二级子域名访问本地web站点 转载自cpolar文章：Linux CentOS本地搭建…
阅读更多...
【2023 · CANN训练营第一季】应用开发深入讲解——第四章 DVPP初级

【2023 · CANN训练营第一季】应用开发深入讲解——第四章 DVPP初级

学习资源 1.JPEG图片解码 文档 2.图片缩放 文档 媒体数据处理 数据预处理的典型使用场景 数据预处理的多种方式 分为两种，AIPP和DVPP DVPP数据预处理功能 了解两个重要概念 宽stride 和 高stride 理解：这里假设一张图片的宽为500，高为3…
阅读更多...
SpringBoot Properties YML文件的优先级

SpringBoot Properties YML文件的优先级

SpringBoot启动文件的优先顺序测试 运行时指定加载文件时，最高Java jar spring.config.location优先于spring.profiles.activeJava -jar 三种语法 运行时不指定加载文件时，其次1.项目路径下的config目录优先级最高---12.项目路径的优先级其次---23.Eclip…
阅读更多...
linux：查找相关命令find与grep

linux：查找相关命令find与grep

find 语法 在指定目录下查找文件和目录。 find [path] [expression]path：是要查找的目录路径，可以是一个目录或文件名，也可以是多个路径，多个路径之间用空格分隔，如果未指定路径，则默认为当前目录。 exp…
阅读更多...
Kotlin高级协程

Kotlin高级协程

Kotlin高级协程 一.前言二.先从线程说起三.协程的设计思想四.协程特点：优雅的实现移步任务五.协程基本使用六.协程和线程相比有什么特点，如何优雅的实现异步任务 一.前言 在文章正式上干货之前，先说一点背景吧；我是 Kotlin 协程官…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023