Vue gets the currently clicked element, child element, parent element, previous element, next element, sibling element

1. To get the currently clicked element, as well as the parent element, child element, and sibling element, the first step we need to bind the event

For example: <li class="del" @click="del($event)">删除</li>

           //当前点击的元素
           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