Web APIs(一)|Web APIs简介+DOM

一.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事件操作