Vue 点击时间(其他事件) 获取父元素,子元素,兄弟元素(DOM操作)
Vue

Vue 点击时间(其他事件) 获取父元素,子元素,兄弟元素(DOM操作)

岳小威子
2021-12-08 / 107 个字 / 0 评论 / 112 阅读 / 加载耗时:28ms / 正在检测是否收录...
温馨提示:
本文最后更新于2021年12月08日,已超过1109天没有更新,若内容或图片失效,请留言反馈。
<ul @click ="clickfun($event)">
   <li></li>
</ul>
methods: {
  clickfun(e) {
    //是你当前点击的元素
    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
  }
}

文章到这里就结束了

您在本文章已经停留了大概
喜欢的话就点个赞吧!或着请我喝个冰可乐,我就太感谢你了!


0
打赏
拜谢打赏(☆ω☆)

感谢老板,老板大气。。

评论 (0)

取消