Vue获取当前点击的元素、子元素、父元素、上一个元素、下一个元素、兄弟元素

1.想要获取当前点击的元素,以及父元素、子元素、兄弟元素,第一步我们需要先绑定事件

例如: 

  • 删除
  •            //当前点击的元素
               e.target
               
    		   //绑定事件的元素
               e.currentTarget
               
               //获得点击元素的前一个元素
               e.currentTarget.previousElementSibling.innerHTML
               
               //获得点击元素的第一个子元素
               e.currentTarget.firstElementChild
               
               //获得点击元素的下一个元素
               e.currentTarget.nextElementSibling
               
               //获得点击元素中id为string的元素
               e.currentTarget.getElementById("string")
               
               //获得点击元素的class属性
               e.currentTarget.getAttributeNode('class')
               
               // 获得点击元素的父级元素
               e.currentTarget.parentElement
               
               // 获得点击元素的前一个元素的第一个子元素的HTML值
    		   e.currentTarget.previousElementSibling.firstElementChild.innerHTML
    

    你可能感兴趣的:(前端,vue.js,javascript,elementui)