持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第17天
三、事件基础
1.事件概述
JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。
简单理解： 触发--- 响应机制。
网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。
2.事件三要素
事件源 （谁）；事件类型 （什么事件）；事件处理程序 （做啥）。
3.执行事件的步骤
获取事件源；注册事件（绑定事件）；添加事件处理程序（采取函数赋值形式）。
四、操作元素
JavaScript 的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容 、属性等。注意以下都是属性。
1.改变元素内容
element.innerText
从起始位置到终止位置的内容, 但它去除 html 标签， 同时空格和换行也会去掉
element.innerHTML
起始位置到终止位置的全部内容，包括 html 标签，同时保留空格和换行
2.常用元素的属性操作
innerText、innerHTML 改变元素内容
src、href
id、alt、title
3.表单元素的属性操作
利用 DOM 可以操作如下表单元素的属性：
type、value、checked、selected、disabled
4.样式属性操作
我们可以通过 JS 修改元素的大小、颜色、位置等样式。
1）element.style 行内样式操作
2）element.className 类名样式操作
注意：
1）JS 里面的样式采取驼峰命名法 比如 fontSize、 backgroundColor
2）JS 修改 style 样式操作，产生的是行内样式，CSS 权重比较高
5.自定义属性的操作
1）获取属性值
element.属性 获取属性值。
element.getAttribute('属性');
区别：
element.属性 获取内置属性值（元素本身自带的属性）
element.getAttribute(‘属性’); 主要获得自定义的属性 （标准） 我们程序员自定义的属性。
2）设置属性值
element.属性 = ‘值’ 设置内置属性值。
element.setAttribute('属性', '值');
区别：
element.属性 设置内置属性值 l element.setAttribute(‘属性’); 主要设置自定义的属性 （标准）
