Web APIs DOM

2020年9月29日真是痛苦的一天

WebAPI

Web APIs 和 JS 基础关联性

API

Web API

DOM

DOM定义

DOM树

获取页面元素方式
ID以本身形式返回，CLASS以伪数组形式返回

①根据ID获取

②根据标签名获取

③通过HTML5 新增的方法获取(IE9以上支持)
document.getElementByClassName(‘类名’);根据类名获得某些元素集合
document.querySelector(‘选择题’);根据指定选择题返回第一个元素对象
document.querySelectorAll(‘选择题’);返回指定选择器的所有元素对象集合

④获取特殊元素

事件

事件概述
事件三要素
1.获取事件源
2.注册事件（绑定事件）
3.添加事件处理程序（采取函数赋值形式）

常见鼠标事件

操作元素

改变元素内容

innerText和innerHTML的区别

常用元素的属性操作

表单元素的属性操作


案例：网页密码显示与隐藏

样式属性操作
通过JS修改元素的大小、颜色、位置等样式、

精灵图循环

使用ClassName修改样式属性

若想要保留原类名，则this.className = ‘原类名 新类名’;

案例：判断文本框账号长度并报警