表格行点击背景色

最新推荐文章于 2024-08-05 22:43:05 发布

weixin_54707111

最新推荐文章于 2024-08-05 22:43:05 发布

阅读量49

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/weixin_54707111/article/details/127263291

版权

// 表格行点击背景色
  changeBgColor (object) {
    let that = this
    object.onclick = function () {
      that.trList.forEach((item) => {
        item.children.forEach((i) => {
        i.style.backgroundColor = '#fff'
      })
    })
     object.style.backgroundColor = '#ffff00'
    }
   },
   cellClick () {
      this.$nextTick(() => {
        let tab = document.getElementsByClassName('table-rows')
        if (tab.length) {
           this.trList = tab
           tab.forEach((item) => {
             item.children.forEach((i) => {
              this.changeBgColor(i)
             })
           })
         }
      })
    }