时间: 2023-11-16 【学无止境】 阅读量:共346人围观
简介 不论点击是子元素还是父元素获取到的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 }