DOM

获取元素

根据id获取

语法:document.getElementById(id)

根据标签名获取

document.getElementsByTagName(‘标签名’) 返回元素对象集合

H5新增获取元素方式

在这里插入图片描述

获取特殊的元素 (body,html)

在这里插入图片描述

事件

常见的鼠标事件

在这里插入图片描述

操作元素

常见元素操作

在这里插入图片描述
在这里插入图片描述

样式操作

在这里插入图片描述

自定义属性操作

在这里插入图片描述
在这里插入图片描述

H5自定义属性

在这里插入图片描述

节点

在这里插入图片描述
这个会返回元素,是经常用到的

获取第一个或者最后一个元素节点

在这里插入图片描述

获取兄弟节点

nextElementSibling
prevElenentSibling

创建元素

在这里插入图片描述

dom核心概括

在这里插入图片描述
在这里插入图片描述

事件高级

事件处理对象

在这里插入图片描述

阻止冒泡

e.stopPropagation(),

事件委托

给父元素注册事件,利用事件冒泡,当子元素的事件触发,会冒泡到父元素,然后去控制相应的子元素。

鼠标事件

在这里插入图片描述

键盘事件

在这里插入图片描述

键盘事件对象

在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值