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

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

news 2025/8/4 22:31:54

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.lryc.cn/news/66305.html

相关文章：

  • 【大数据之Hadoop】二十九、HDFS存储优化
  • SuperMap GIS基础产品组件GIS FAQ集锦（2）
  • C语言printf()函数中整型格式说明符详解
  • 阿里云服务器地域和可用区怎么选择合适？
  • Java序列化引发的血案
  • 为Linux系统添加一块新硬盘，并扩展根目录容量
  • 树莓派Opencv调用摄像头（Raspberry Pi 11）
  • 国产ChatGPT命名图鉴
  • 操作系统——进程管理
  • 第四十一章 Unity 输入框 (Input Field) UI
  • 10.集合
  • 强化学习p3-策略学习
  • 初学Verilog语言基础笔记整理（实例点灯代码分析）持续更新~
  • 关于 std::condition_variable
  • 可拓展哈希
  • Java 版 spring cloud 工程系统管理 +二次开发 工程项目管理系统源码
  • 通过伴随矩阵怎么求逆矩阵
  • 巡检机器人之仪表识别系统
  • 面试官反感的求职者（下）
  • 可视化绘图技巧100篇分析篇（二）-生存曲线（LM曲线）（补充篇）
  • 【100%通过率 】【华为OD机试python】钟表重合时刻【 2023 Q1考试题 A卷|100分】
  • Java线程池编码示例
  • 如何优化Android 4.x系统设置字体大小
  • Docker安装、Docker基本操作
  • 系统集成项目管理工程师知识点总结
  • 【游戏里的网络同步分析】马里奥制造2 多人模式
  • SSM框架学习-注解开发第三方bean管理
  • 【数据结构与算法】图——邻接表与邻接矩阵
  • 网安笔记02 密码学基础
  • open3d io操作