码迷,mamicode.com
首页 > 其他好文 > 详细

vue中 $event 的用法--获取当前父元素,子元素,兄弟元素

时间:2020-01-12 00:00:04      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:一个   color   element   child   current   用法   attribute   vue   att   

<button @click = “clickfun($event)”>点击</button>
  
methods: {
clickfun(e) {
// 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
  
    }
        },

 

 

 

参考文章:

 努力努力要努力 https://www.cnblogs.com/DreamerLeaf/p/11022447.html

vue中 $event 的用法--获取当前父元素,子元素,兄弟元素

标签:一个   color   element   child   current   用法   attribute   vue   att   

原文地址:https://www.cnblogs.com/HDWdemo/p/12181459.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!