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
相关文章
- Vue笔记:安装配置node.js及使用vue-cli创建项目
- 手把手教你从零写一个简单的 VUE
- vue-multi-tab--一个让你在SPA里使用多页签的框架页
- [Vue @Component] Define Props on a Vue Class with vue-property-decorator
- uni-app:nvue和vue均引入自定义字体文件(hbuilderx 3.6.18)
- vue中8种组件通信方式, 值得收藏!
- [Vue @Component] Control Template Contents with Vue's Render Function
- vue指令:v-pre原样输出,不解析插值表达式
- Vue Nuxtjs Cannot set property 'render' of undefined解决方法
- 用vue实现一个仿简书的轮播图效果
- standalone vue initialization process - Vue应用的初始化过程
- vue项目目录结构
- vue项目报错导致项目无法启动
- Vue生命周期中mounted和created的区别
- 教你VUE中的filters过滤器2种用法
- vue-countTo---简单好用的一个数字滚动插件
- vue二级联动select
- SpringBoot学习笔记(八)——JWT、(Vue3、Axios、Vue-Router、TypeScript实现授权与验证示例)
- Vue 将样式绑定到一个对象让模板更清晰
- Vue(二)vue 指令及用法举例
- 【vue】vue中如何使用http代理解决跨域问题_11
- vue-tour快速入门:VUE项目中如何使用vue-tour新手引导指引插件?怎样使用?包含具体实例
- 基于Java+SpringBoot+Vue前后端分离图书借阅系统设计与实现(有视频讲解)
- Vue学习笔记——vue-router
- Vue学习笔记——Vue中的ajax