Vue获得父元素、子元素和兄弟元素(DOM操作)

在vue的methods中进行dom操作：

<button @click="clickBtn($event)">点击</button>

methods: {
    clickBtn(e) {
        //在此进行dom操作
    },
}

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