JS 动态设置选中行的CSS

最新推荐文章于 2022-11-17 11:43:01 发布

iteye_12432

最新推荐文章于 2022-11-17 11:43:01 发布

阅读量220

点赞数

分类专栏：工作问题记录文章标签： Javascript 方向键 CSS 按键事件 ViewUI

本文链接：https://blog.csdn.net/iteye_12432/article/details/82357502

版权

工作问题记录专栏收录该内容

9 篇文章 0 订阅

订阅专栏

// 动态改变选中行的CSS
  function setSelectedTrCss(){
   var lenTr = document.getElementById('subMenuTableId').rows.length; // 行数
             for(var i=1; i < lenTr; i++){
               var radioId = 'ids' + i;
               if(document.getElementById(radioId).checked){ // 选中设置CSS为tablebody2
                   document.getElementById('tdId'+i).className="tablebody2";
                   document.getElementById('tdName'+i).className="tablebody2";
                   document.getElementById('tdNo'+i).className="tablebody2";
               }
               else{
                   document.getElementById('tdId'+i).className="tablebody1"; // 未选中设置CSS为tablebody1
                   document.getElementById('tdName'+i).className="tablebody1";
                   document.getElementById('tdNo'+i).className="tablebody1";
               }
             }
  }