javascript - Html中table操作

Question

var objTable=document.getElementById("tablemain");
       if(objTable)
       {
          for(var i=1;i<objTable.rows.length-1;i++)
          {
           
                alert(1);
                 /* objTable.rows[i].cols[2].style.display=""; */
                 
          }
       }
如何遍历表格从第二行开始，倒数第二行结束，对第三列的所有td让其display属性为空？

循环中怎么写？

Answer 1

大概这样，下面的代码只提供思路：

var tb = 你的表格;
var rows = tb.rows;
for (var i = 1; i < rows.length - 1; i++) {
    var cells = rows[i].cells;
    cells[2].style.display = '';
}

Answer 2

var objTable = document.getElementById("tablemain"),
    tr = objTable.getElementsByTagName("tr"),
    i, trTargetLen;
if(objTable) {
    for(i = 1, trTargetLen = tr.length - 1; i < trTargetLen; i++) {
        tr[i].getElementsByTagName("td")[2].style.display = "";
    }
}

友情提示，把display属性置空是没什么卵用的。

Answer 3

td元素好像不能依靠display:none。最简单的就是把width设置为0之类的吧。