html表格隐藏1行,js控制隐藏或显示table的某一行

主要JS如下：(兼容browser: IE9, FireFox, Chrome, 360 safe)

var row = document.getElementById(rowID);

if (row != null) {

if (row.style.display == (document.all ? "block" : "table-row")) {

row.style.display = "none";

}

else {

row.style.display = (document.all ? "block" : "table-row");

}

}

效果图如下：

全部 HTML:

function setDetailMsgRow(rowID, btn) {

var row = document.getElementById(rowID);

if (row != null) {

if (row.style.display == (document.all ? "block" : "table-row")) {

row.style.display = "none";

}

else {

row.style.display = (document.all ? "block" : "table-row");

}

}

if (btn != null) {

if (btn.value != "Hide Message")

btn.value = "Hide Message";

else

btn.value = "Show Message";

}

}

aa	44aa
bb	44bb
cc	44cc
dd	44dd
ee	44ee