Vue获取el-table中某一行dom元素及根据父元素获取子元素dom

Vue获取el-table中某一行dom元素

  • 一、获取el-table dom组
  • 二、根据父元素获取子元素dom

一、获取el-table dom组

const rowList = Array.from(this.$refs.multipleTable.$el.getElementsByClassName('el-table__row'));

//到的是一个数组, 第几个就是第几行元素的dom

但是有点时候是得到的数组是空,是因为一开始表格没有值,在获取值的外边写一个

@hook:updated="doSomething"
   doSomething() {
      this.$nextTick(() => {
         //获取dom的操作,里面就可以获取dom组了
       }}

二、根据父元素获取子元素dom

原生js
      var a = document.getElementById("dom"); 
      del_space(a); //清理空格 
      var b = a.childNodes; //获取a的全部子节点; 
      var c = a.parentNode; //获取a的父节点; 
      var d = a.nextSibling; //获取a的下一个兄弟节点 
      var e = a.previousSibling; //获取a的上一个兄弟节点 
      var f = a.firstChild; //获取a的第一个子节点 
      var g = a.lastChild; //获取a的最后一个子节点 

链接: https://blog.csdn.net/AzeShinja/article/details/120762028
链接: https://www.csdn.net/tags/NtzaUgysNTk2MDYtYmxvZwO0O0OO0O0O.html

你可能感兴趣的:(Vue,vue.js,javascript,elementui)