700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue获取当前点击元素的父元素 子元素 上级元素等

vue获取当前点击元素的父元素 子元素 上级元素等

时间:2021-05-19 09:08:18

相关推荐

vue获取当前点击元素的父元素 子元素 上级元素等

<div @click = "clickfun($event)">点击</div>methods: {clickfun(e) {// e.target 是你当前点击的元素// e.currentTarget 是你绑定事件的元素#获得点击元素的前一个元素e.currentTarget.previousElementSibling.innerHTML#获得点击元素的第一个子元素e.currentTarget.firstElementChild# 获得点击元素的下一个元素e.currentTarget.nextElementSibling# 获得点击元素中类名为string的元素e.currentTarget.getElementsByClassName("string")# 获得点击元素的string属性e.currentTarget.getAttributeNode('string')# 获得点击元素的父级元素e.currentTarget.parentElement# 获得点击元素的前一个元素的第一个子元素的HTML值e.currentTarget.previousElementSibling.firstElementChild.innerHTML}},

$parent 该组件实例的父级组件实例

$children 该组件实例的子组件实例

//通过ref属性获取this.$refs.handle.$parentthis.$refs.handle.$children

// e 指向当前元素,可以通过 $event传递e.target 是你当前点击的元素e.currentTarget 是你绑定事件的元素e.currentTarget.previousElementSibling.innerHTML获得点击元素的前一个元素e.currentTarget.firstElementChild获得点击元素的第一个子元素e.currentTarget.nextElementSibling获得点击元素的下一个元素e.currentTarget.getElementById("string")获得点击元素中id为string的元素e.currentTarget.getAttributeNode('string')获得点击元素的string属性e.currentTarget.parentElement获得点击元素的父级元素e.currentTarget.previousElementSibling.firstElementChild.innerHTML获得点击元素的前一个元素的第一个子元素的HTML值

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。