2020寒假网课笔记

2月12号

1.节点

  • 创建节点的API是:createElement
  • 删除节点的API:removeChild
  • 获取自定义属性的值的API是: getAttrinute
  • 自定义属性一般使用的前缀是:data
  • 能够获取节点下的所有子节点的API是 :children

2.关于事件

注册事件的两种方式

<1>传统事件

  • on开头的click
    具有注册事件的唯一性 同一个元素 同一个事件只能设置一个处理函数 后面的会覆盖前面的

<2>监听注册方式(存在兼容问题)

  • addEventListener 此监听事件支持IE9以上版本
  • attachEvent 此监听事件支持IE9以前版本

监听注册方式 同一事件同一元素可以设置多个处理函数

3.解决事件的所有兼容问题

2020寒假网课笔记

图中代码就是判断浏览器四否能执行addEvebtListener监听事件 如果不能执行就执行IE9以前版本的attachEvent监听事件 如果依然不能执行就执行万能的onclick事件

4.封装上面的解决兼容问题的代码

2020寒假网课笔记

5.删除事件

1.删除传统的onclick事件

2020寒假网课笔记

2.删除addEventListener监听事件

2020寒假网课笔记

两个参数:
事件类型
事件处理函数

6.DOM 事件流

  • 又内向外叫做冒泡
  • 由外向内叫做捕获2020寒假网课笔记
    addEventListener事件的第三个参数决定事件是冒泡还是捕获

7.事件对象的兼容性2020寒假网课笔记

8. e.target和this的区别

2020寒假网课笔记
如图所示
this返回当前的单击的对象 也就是说当前的click事件绑定到那个元素上 则this就等于这个对象

target 触发事件的具体元素