JS（JavaScrip）事件

一、操作样式属性
1、innerHTML
可以添加文字内容以及标签内容，不仅能对文字进行修饰，还能添加标签内容
a. innerHTML = '<p>我是二次修改过后的文字，通过innerHTML</p>';

2、innerText
可以添加、修改标签内的文字内容，只能对文字进行修饰，无法对标签进行修改
a.innerText = '<p>我是修改过后的文字,通过innerText</p>';

3、getAttribute：获取元素的某个属性值
语法:ele. getAttribute('属性名称');

4、setAttribute：给元素设置属性、属性值
语法: ele . setAttribute('属性名称'，'属性值' )

5、removeAttribute：移除元素 属性

6、style：设置元素的样式，添加的都是行内样式

7、className：设置元素的类名，专门用来获取元素类名称

二、JS事件
（一）事件三要素：
1.事件源
网页元素
2.事件类型
用户与浏览器交互行为，鼠标点击、输入框选中等
3.事件处理程序
事件发生后的处理程序(函数/方法)

（二）绑定事件
有三种方法
1.onclick
同一个元素同一个事件只能定义一个监听函数
语法: ele.事件类型=事件处理程序(函数) function(){}
解除方法:ele.onclick = false;
2.addEventListener
可针对同一个元素，添加多个监听处理函数
ele . addEventListener('事件类型', 事件处理函数 function(){})
解除方法: ele . removeEventListener('事件类型', 事件处理函数名)
3.行内标签绑定（不推荐）
通过HTML标签的属性设置实现的。<标签名  事件="事件处理程序">

标签名可以是任意的HTML标签，如<div>标签、<button>标签等；
事件是由on和事件名称组成的一个HTML属性，如单击事件对应的属性名为onclick；
事件的处理程序指的是JavaScript代码，如匿名函数等。
<input type="text" οnclick="函数名称">
    fucntion 函数名称(){this[window]}
<input type="text" οnclick="过程代码this[当前元素]">