在这里插入图片描述

一.Web APIs简介

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

01.Web APIs和JS基础关联性

1.1 JS的组成
在这里插入图片描述
1.2 JS基础阶段以及Web APIs阶段
在这里插入图片描述

02. API和Web API

2.1 API
在这里插入图片描述
2.2 Web API
在这里插入图片描述
2.3 API和Web API总结
在这里插入图片描述

二. DOM

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

01. DOM简介

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

02.获取元素

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

03.事件基础

3.1事件概述
在这里插入图片描述
3.2事件三要素
在这里插入图片描述
在这里插入图片描述

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

04.操作元素

在这里插入图片描述
4.1改变元素内容
innerText属性设置或返回指定节点及其所有后代的文本内容
返回节点的文本内容:var text = element.innerText;
设置节点的文本内容:element.innerText = text;
innerHTML 属性设置或返回元素的HTML内容(内部HTML)
返回innerHTML属性:var text = element.innerHTML
设置innerHTML 属性:element.innerHTML = text在这里插入图片描述

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

4.2常用元素的属性操作
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
4.3表单元素的属性操作
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
4.4样式属性操作
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
4.5排他思想
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

05.节点操作

5.1为什么学节点操作
在这里插入图片描述
5.2节点概述
在这里插入图片描述
在这里插入图片描述
5.3节点层级
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
5.4创建节点
在这里插入图片描述
5.5添加节点
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
5.6删除节点
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.7复制节点(克隆节点)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
5.8三种动态创建元素区别
在这里插入图片描述
在这里插入图片描述

06. DOM重点核心

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

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐