JavaScript-【元素的创建&事件】

元素的创建总结

元素的创建

1. document.write();
2. element.innerHTML();
3. document.createElement();

区别

1. 使用document.write是直接将内容写入到页面的内容流区域，当文档流执行完毕，会导致页面全部重绘
2. element.innerHTML：是将内容写入当前这个节点内部，并且不会导致页面重绘，还可以创建多个元素，工作效率更高，(不需要连接字符串操作)，但是写法结构比较复杂
3. document.createElement，创建元素但是只是创建了非结构中的元素，不会自动添加到结构内部，并且创建多个元素效率比较低，但是结构简单清晰

事件高级内容

事件是什么

这个元素所具备的一些被动能力，当这个元素被进行某种程度的触发之后进行对某些函数进行处理执行，将这种触发叫做元素的事件

注册事件

给元素添加事件，称为注册事件或者绑定事件

注册事件的两种方式;传统方式、监听注册方式

传统方式

1. 元素对象有一些on开头的事件onclick
2. 第一步找到这些事件
3. 第二步给这些时间直接赋值一个函数，或者直接给事件赋值要处理的代码

特点：注册事件的唯一性，同一个元素同一个事件只能设置一个处理函数，当前注册的处理函数将会覆盖前面注册的处理函数

监听注册方式

1. W3C标准推荐的一种注册事件方式
2. 第一步给元素对象使用addEventListener()

特点：IE9和之前的版本不支持这种方式，在旧版本里面使用的是attchEvent()代替，同一个元素同一个事件可以注册很多个监听事件并且按照绑定顺序依次执行

三个参数：

1. type:事件类型字符串
2. listener：事件的处理函数，事件发生时所调用的函数
3. options：可选参数，是一个布尔值，作用和事件流有关

删除事件

传统方式

btn.οnclick=null;

监听注册方式

bt