vue 点击事件获取当前元素

2022-09-26 15:10:27 浏览数 (1)

在开发中我们可能会使用单击事件去获取当前元素,这样就需要进行传参:

关键词: $event  在括号中输入这个关键词,然后在方法中就可以使用以下的方法去获取你当前所需要使用的元素

代码语言:javascript复制
//当前点击的元素
e.target

//是你绑定事件的元素
e.currentTarget

//获得点击元素的前一个元素
e.currentTarget.previousElementSibling.innerHTML

//获得点击元素的第一个子元素
e.currentTarget.firstElementChild

//获得点击元素的下一个元素
e.currentTarget.nextElementSibling

//获得点击元素中id为string的元素
e.currentTarget.getElementById("string")

//获得点击元素的string属性
e.currentTarget.getAttributeNode('string')

//获得点击元素的父级元素
e.currentTarget.parentElement

//获得点击元素的前一个元素的第一个子元素的HTML值
e.currentTarget.previousElementSibling.firstElementChild.innerHTML

使用方法:

0 人点赞