DOM API

        2021.11.03 星期三

         昨天新入职了一家公司,从今天开始继续学习一些知识。

        今天最后,我的导师给我安排了学习任务(一些基础的东西的汇总),预计用2个月左右的时间,将这些任务都学习完。

        2021.11.04 星期四

        今天学习DOM方面的知识

        DOM 中的一些跟查询有关的API:

 增加有关的API: 

 修改有关的API: 

 删除有关的API: 

DOM事件: 在触发DOM事件的时候,会进行三个阶段,1、捕获阶段,从根节点出发,一直向目标节点流去;2、目标阶段,到达目标节点的时候,目标节点会被触发;3、冒泡阶段:在触发后,会进行回流,到初始的根节点。其中可以进行阻止这种行为,用event.preventDefault()即可。

监听事件的使用:

node.addEventListener(eventname,callback[,useCapture])

        eventname是事件名,callback为回调函数,参数默认为event对象。

同样也可以移除对象:

node.removeEventListener(eventname,callback)

当事件发生的时候,会创建一个event对象,以下是部分event对象的一些属性:

 event.target:指点击的当前节点

event.currentTarget: 指点击的父节点

事件委托:指如果有多个子节点,如ul有100个,则我们可以在父节点上绑定事件。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值