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

Posted Ralapgao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue.js 获得兄弟元素,子元素,父元素(DOM操作)相关的知识,希望对你有一定的参考价值。

  e.target 
    是你当前点击的元素
    e.currentTarget 
    是你绑定事件的元素
    
    e.currentTarget.previousElementSibling.innerhtml
    获得点击元素的前一个元素
    
    e.currentTarget.firstElementChild
    获得点击元素的第一个子元素

    e.currentTarget.nextElementSibling
      获得点击元素的下一个元素
    
    e.currentTarget.getElementById("string")
    获得点击元素中id为string的元素

  e.currentTarget.getAttributeNode(‘string‘)
       获得点击元素的string属性

    e.currentTarget.parentElement
      获得点击元素的父级元素
    
    e.currentTarget.previousElementSibling.firstElementChild.innerHTML
      获得点击元素的前一个元素的第一个子元素的HTML值

 

以上是关于Vue.js 获得兄弟元素,子元素,父元素(DOM操作)的主要内容,如果未能解决你的问题,请参考以下文章

vue中 $event 的用法--获取当前父元素,子元素,兄弟元素

vue中 $event 的用法--获取当前父元素,子元素,兄弟元素

vue中 $event 的用法--获取当前父元素,子元素,兄弟元素

web前端练习25----Dom1,元素节点(自己,父节点,子节点,兄弟节点),属性节点,文本节点

js和jquery获取父级元素子级元素兄弟元素的方法

vue获取当前点击元素的dom对象