js事件三要素和执行步骤

事件源>事件类型>事件处理程序

 

事件源： 事件被触发的对象，就是谁触发了这个事件

事件类型： 如何触发，什么事件，比如鼠标点击（onclick），鼠标经过，键盘按下。

事件处理程序： 通过一个函数赋值的方式完成

var btn = document,getElementById(“btn”)； btn.onclick = function (){ }这就是一个最简单的事件

3、事件执行的步骤

1、获取事件源 2、注册事件（也叫绑定事件） 3、添加事件处理程序（ 一般用function函数）

4.操作元素

js的dom操作可以改变网页内容，结构和样式，我们就可以利用dom操作元素来改变元素里面的内容 属性等

 

1、修改元素内容

 

element.Text和element.innerHTML element.innerText 从起始位置到终止位置的内容，但他去除了html标签同时空格和换行也会去掉 不识别HTML标签 非标准 element.innerHTML 起始位置到终止位置的全部内容，包括HTML标签，同时保留了空格和换行，识别HTML标签 属于w3c标准，用的比较多 这两个属性都是可读写的，可以获得元素里面的内容

2、修改元素属性

 

还是老的操作方法： 先获取元素 注册事件 处理程序 然后直接调用元素的属性赋值