2020-11-03

vue 获取节点信息


getClickInfo:function(e){                         //e为点击默认传值

        letclickDom = e.currentTarget;// currentTarget 获取绑定点击事件的节点

        letcurrentDom = e.target;// target 获取当前点击节点

        letparent = clickDom.parentElement;// parentElement获取绑定事件节点的父节点

        letprevious = clickDom.previousElementSibling;// previousElementSibling获取绑定事件节点的前一个节点

        letpreviousInner = previous.innerHTML;// 获取绑定事件节点的前一个节点的内容

        letnext = clickDom.nextElementSibling;// nextElementSibling获取绑定事件节点的后一个节点

        letfirstChild = clickDom.firstElementChild;// firstElementChild获取绑定事件节点的第一个子节点

        letchildNodes = clickDom.childNodes;// childNodes获取子节点,包括元素节点和文本节点

        letchildren = clickDom.children;// children获取子节点,只获取元素节点

        letchildElementCount = clickDom.childElementCount;// childElementCount获取子节点的个数

        letlastElementChild = clickDom.lastElementChild;// lastElementChild获取最后一个子节点

        letlastChild = clickDom.lastChild;// lastChild获取最后一个子节点,包括元素节点和文本节点             

  }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。