获取当前vue对象_vue获取当前点击元素的dom对象
$event:当前触发的是什么事件$event.target:触发事件的元素对象(不一定是绑定事件的对象,会因为事件冒泡变化)$event.currentTarget:绑定事件的元素对象 @click="onShow($event)>点击获取该元素对象methods:{onShow(e) {console.log(e.target)e.target //是你触发事件的元素e.currentT
$event:当前触发的是什么事件
$event.target:触发事件的元素对象(不一定是绑定事件的对象,会因为事件冒泡变化)
$event.currentTarget:绑定事件的元素对象
@click="onShow($event)>点击获取该元素对象
methods:{
onShow(e) {
console.log(e.target)
e.target //是你触发事件的元素
e.currentTarget //是你绑定事件的元素
e.currentTarget.previousElementSibling.innerHTML //获得点击元素的前一个元素
e.currentTarget.firstElementChild //获得点击元素的第一个子元素
e.currentTarget.nextElementSibling //获得点击元素的下一个元素
e.currentTarget.getElementById("string") // 获得点击元素中id为string的元素
e.currentTarget.getElementsByClassName("string") // 获得点击元素中class为string的元素集合
e.currentTarget.getAttributeNode('class') //获得点击元素的class属性
e.currentTarget.parentElement // 获得点击元素的父级元素
e.currentTarget.previousElementSibling.firstElementChild.innerHTML
// 获得点击元素的前一个元素的第一个子元素的HTML值
}
}
更多推荐
所有评论(0)