Vue.js如何获得兄弟元素,子元素,父元素(DOM操作)

2020-03-11 09:37:27

<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

 

    }

        },



  • 2017-02-24 16:53:58

    PHP 中的Closure

    Closure,匿名函数,又称为Anonymous functions,是php5.3的时候引入的。匿名函数就是没有定义名字的函数。这点牢牢记住就能理解匿名函数的定义了。

  • 2017-03-02 09:45:27

    动态加载js和css

    开发过程中经常需要动态加载js和css,今天特意总结了一下常用的方法。