您当前的位置: 首页 >  学无止境 >  文章详情

vue 获取当前元素的父元素_vue中$event的用法

时间: 2023-11-16 【学无止境】 阅读量:共266人围观

简介 不论点击是子元素还是父元素获取到的dom对象都是绑定点击事件的父元素。

定义了一个全局方法

let markdownTool = function (dom) { console.log(dom) // 使用e.target ,获取到的dom元素,是点击的元素 // 使用e.currentTarget 是你绑定事件的元素 let display = dom.currentTarget.nextSibling.style.display if (!display || display === 'none') { dom.currentTarget.nextSibling.style.display = 'block' } else { dom.currentTarget.nextSibling.style.display = 'none' } // 记录一些使用 // 获得点击元素的前一个元素 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 }
文章评论
总共 0 条评论
这篇文章还没有收到评论,赶紧来抢沙发吧~
Copyright (C) 2023- 小祥驿站 保留所有权利 蜀ICP备 17034318号-2  公安备案号 50010302004554