表崩溃(行隐藏)不工作Javascript

时间:2017-06-23 00:30:40

标签: javascript html-table row hide

function tablecollapse()
{

    var table = document.getElementById(tblbatting);
    var rowCount = table.rows.length;

    for(var i=4; i< rowCount; i++) 
    {
        var row = table.rows[i];
        row.display="none";
    }
}

我的代码运行onload(),但表的连接没有隐藏。 这段代码有什么问题?或任何其他建议?

2 个答案:

答案 0 :(得分:0)

代码中有两个错误。首先,您需要在var table = document.getElementById(tblbatting);中的表元素id周围加上引号。因此,此代码变为var table = document.getElementById("tblbatting");

其次,要设置显示样式,需要访问表行元素的样式属性。因此row.display="none";变为row.style.display="none";

var table = document.getElementById("tblbatting");
var rowCount = table.rows.length;

for(var i=4; i< rowCount; i++) 
{
    var row = table.rows[i];
    row.style.display="none";
}

我不确定你是否故意这样做过,但你应该知道你的代码不会隐藏表的前4行,因为你已经使用var i=4来初始化你的循环计数器。 / p>

答案 1 :(得分:0)

Wayne说的话。他比我快得多。

&#13;
&#13;
patientId
&#13;
function tablecollapse(id) {

  var table = document.getElementById(id);
  var rows = table.rows;

  for (var i = 4; i < rows.length; i++) {
    rows[i].style.display = "none";
  }
}
&#13;
&#13;
&#13;