2020寒假网课笔记
2月12号
1.节点
- 创建节点的API是:createElement
- 删除节点的API:removeChild
- 获取自定义属性的值的API是: getAttrinute
- 自定义属性一般使用的前缀是:data
- 能够获取节点下的所有子节点的API是 :children
2.关于事件
注册事件的两种方式
<1>传统事件
- on开头的click
具有注册事件的唯一性 同一个元素 同一个事件只能设置一个处理函数 后面的会覆盖前面的
<2>监听注册方式(存在兼容问题)
- addEventListener 此监听事件支持IE9以上版本
- attachEvent 此监听事件支持IE9以前版本
监听注册方式 同一事件同一元素可以设置多个处理函数
3.解决事件的所有兼容问题
图中代码就是判断浏览器四否能执行addEvebtListener监听事件 如果不能执行就执行IE9以前版本的attachEvent监听事件 如果依然不能执行就执行万能的onclick事件
4.封装上面的解决兼容问题的代码
5.删除事件
1.删除传统的onclick事件
2.删除addEventListener监听事件
两个参数:
事件类型
事件处理函数
6.DOM 事件流
- 又内向外叫做冒泡
- 由外向内叫做捕获
addEventListener事件的第三个参数决定事件是冒泡还是捕获
7.事件对象的兼容性
8. e.target和this的区别
如图所示
this返回当前的单击的对象 也就是说当前的click事件绑定到那个元素上 则this就等于这个对象
target 触发事件的具体元素