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

点击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.$parent
this.$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值

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！