美文网首页
VUE-获取当前父元素,子元素,兄弟元素

VUE-获取当前父元素,子元素,兄弟元素

作者: 山野林间 | 来源:发表于2020-05-27 09:11 被阅读0次
<button @click = “clickfun($event)”>点击</button>
methods: {
clickfun(e) {
// e.target 是你当前点击的元素
// e.currentTarget 是你绑定事件的元素
    #获得点击元素的前一个元素
    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
  
    }
        },

相关文章

网友评论

      本文标题:VUE-获取当前父元素,子元素,兄弟元素

      本文链接:https://www.haomeiwen.com/subject/kxviahtx.html