javascriptでtableの列tdを非表示(.display="none")にするには

これもまぁ備忘録なんですけど

tdのstyle要素にアクセスする時に「.style.display = "none";」がエラーするなぁと休みの日の午前中を丸つぶしした問題

var tbl=document.getElementById("tablename");

var trs=tbl.getElementsByTagName("tr");

for(var i=0; i<trs.length; ++i){

trs[i].getElementsByTagName("td").style.display = "none";

}

ではなく

var tbl=document.getElementById("tablename");

var trs=tbl.getElementsByTagName("tr");

for(var i=0; i<trs.length; ++i){

trs[i].cells[n].style.display="none"

}

で、OK。

TR要素のcells要素から非表示できる。