JavaScript-Dom接口学习基础知识

一、DOM简介

1.1什么是DOM在这里插入图片描述1.2 DOM树在这里插入图片描述

二、获取元素

2.1如何获取页面元素 在这里插入图片描述
2.2 根据ID获取在这里插入图片描述
2.3 根据标签名获取 在这里插入图片描述
2.4 通过HTML5新增的方法获取 在这里插入图片描述
2.5 获取特殊元素 (body,html)在这里插入图片描述

三、事件基础

3.1事件概述 在这里插入图片描述
3.2事件三要素在这里插入图片描述
3.3 执行事件的步骤 在这里插入图片描述
3.4 常见的鼠标事件在这里插入图片描述

四、操作元素(Dom接口学习重点在这里插入图片描述4.1 改变元素内容在这里插入图片描述
4.2常用元素的属性操作在这里插入图片描述
4.3 表单元素的属性操作在这里插入图片描述
4.4 样式属性操作 在这里插入图片描述在这里插入图片描述

4.5 排他思想在这里插入图片描述
4.6 自定义属性的操作 在这里插入图片描述在这里插入图片描述在这里插入图片描述

4.7 H5自定义属性在这里插入图片描述在这里插入图片描述

五、节点操作

5.1为什么学节点操作在这里插入图片描述
5.2节点概述 在这里插入图片描述在这里插入图片描述

5.3 节点层级在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

5.4 创建节点 在这里插入图片描述在这里插入图片描述

5.5 删除节点 在这里插入图片描述
5.6 复制节点在这里插入图片描述
5.7 三种动态创建元素的区别(面试常问)在这里插入图片描述

六、DOM 重点核心 在这里插入图片描述
6.1 创建 在这里插入图片描述
6.2 增在这里插入图片描述
6.3 删 在这里插入图片描述
6.4 改 在这里插入图片描述
6.5 查 在这里插入图片描述
6.6 属性操作 在这里插入图片描述
6.7 事件操作在这里插入图片描述

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页