欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js 通过class值实现 指定 tr 的 隐藏和显示 javascripttr显隐 

程序员文章站 2022-05-25 22:32:09
...
  经验来自于点点滴滴的实践。
 
  继续记录,留待后用。

  现在纯javascript的东西不知道还有没有人在用,但限于项目的原因,先进一点的jquery无法使用的情况下,也只能用最原始的js来完成了。

  js: 通过class实现 指定tr 的隐藏和显示

  function getElementsByClassName(clsName, tagName,flag) {
    var ClassElements = [];
    selElements = document.getElementsByTagName(tagName);

    for (var i = 0; i < selElements.length; i++) {
        if (selElements[i].className == clsName) {
        if(!flag){
        selElements[i].style.display='none';
        }else{
        selElements[i].style.display = "block";
        }
        }
    }
}

使用:
    1.getElementsByClassName("add","tr",false);  隐藏指定tr
   2.getElementsByClassName("add","tr",true);   显示