vue获取各个节点的方式

<tempalte>

   <button @click = “getEvent($event)”>点击</button>

</template>

<script>

   export default {

      methods:{

         getEvent(e) {

            console.log(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

         },



      }

   }

</script>