vue获取节点的父节点、兄弟节点、子节点

    <span @click="getClickInfo(event)">
    </span>
            getClickInfo: function (e) {
                let clickDom = e.currentTarget;  // currentTarget 获取绑定点击事件的节点
                let currentDom = e.target;   // target 获取当前点击节点
                let parent = clickDom.parentElement;   // parentElement获取绑定事件节点的父节点
                let previous = clickDom.previousElementSibling;  // previousElementSibling获取绑定事件节点的前一个节点
                let previousInner = previous.innerHTML;   // 获取绑定事件节点的前一个节点的内容
                let next = clickDom.nextElementSibling;   // nextElementSibling获取绑定事件节点的后一个节点
                let firstChild = clickDom.firstElementChild; // firstElementChild获取绑定事件节点的第一个子节点
                let childNodes = clickDom.childNodes;  // childNodes获取子节点,包括元素节点和文本节点
                let children = clickDom.children;  // children获取子节点,只获取元素节点
                let childElementCount = clickDom.childElementCount;  // childElementCount获取子节点的个数
                let lastElementChild = clickDom.lastElementChild;  // lastElementChild获取最后一个子节点
                let lastChild = clickDom.lastChild;  // lastChild获取最后一个子节点,包括元素节点和文本节点              
            }

 

    原文作者:勋勋勋勋小勋勋
    原文地址: https://blog.csdn.net/qq_34607371/article/details/102502785
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞