zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Vue获取当前点击的元素、子元素、父元素、上一个元素、下一个元素、兄弟元素

Vue 一个 获取 元素 当前 点击 兄弟
2023-09-11 14:16:33 时间

1.想要获取当前点击的元素,以及父元素、子元素、兄弟元素,第一步我们需要先绑定事件

例如: <li class="del" @click="del($event)">删除</li>

           //当前点击的元素
           e.target
           
		   //绑定事件的元素
           e.currentTarget
           
           //获得点击元素的前一个元素
           e.currentTarget.previousElementSibling.innerHTML
           
           //获得点击元素的第一个子元素
           e.currentTarget.firstElementChild
           
           //获得点击元素的下一个元素
           e.currentTarget.nextElementSibling
           
           //获得点击元素中id为string的元素
           e.currentTarget.getElementById("string")
           
           //获得点击元素的class属性
           e.currentTarget.getAttributeNode('class')
           
           // 获得点击元素的父级元素
           e.currentTarget.parentElement
           
           // 获得点击元素的前一个元素的第一个子元素的HTML值
		   e.currentTarget.previousElementSibling.firstElementChild.innerHTML