zoukankan      html  css  js  c++  java
  • Vue 点击获得父元素,子元素,兄弟元素(DOM操作)

    <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
       }
    }
  • 相关阅读:
    学习进度(十一)
    学习进度(十)
    人月神话阅读笔记1
    SQL SUM() 函数
    SQL GROUP BY 语句
    SQL HAVING 子句
    SQL UCASE() 函数
    SQL LCASE() 函数
    SQL MID() 函数
    SQL LEN() 函数
  • 原文地址:https://www.cnblogs.com/liangtao999/p/12925015.html
Copyright © 2011-2022 走看看