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

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

js控制ul的显示隐藏，对象的有效范围
js控制ul的显示隐藏,对象的有效范围 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...
JS控制文字只显示两行，超出部分显示省略号
JS控制文字只显示两行,超出部分显示省略号由于使用css控制文字只显示多行,超出部分显示省略号,存在一定的兼容性问题,所以总结了一下网上一些大咖使用js实现控制行数的解决方案. 第一步:依次引入jq ...
原生js设置div隐藏或者显示_10种JS控制DIV的显示隐藏代码
div隐藏与显示 #menus { background-color: #c4cff0; } function Layer_HideOrShow(cur_div) { var current=docu ...
JS控制DIV的显示隐藏
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
原生js设置div隐藏或者显示_用js控制div的显示与隐藏
功能介绍:要实现一个div的显示与隐藏,方法有很多,这里记录下一个简单的js效果,用js来控制div的显示与隐藏,示例代码如下: js显示隐藏层 function showdiv(targetid,o ...
Aspose.Cells 取消隐藏行和列（取消隐藏单行、取消隐藏多行、取消隐藏单列、取消隐藏多列
1 取消隐藏单行 1.1 UnhideRow(int row, double height) Workbook workbook=new Workbook(); WorkSheet worksheet ...
excel中显示隐藏的行_在Excel中显示或隐藏用户提示
excel中显示隐藏的行 When you set up a worksheet for other people to use, data validation messages can help ...
html表格宽度拖拽,Js拖拽实现改变Table的列宽解决方案
Js拖拽实现改变Table的列宽如题,楼主是Js小白,最近遇到问题,需要用Js实现GridView的列拖拽改变大小,在网上找到一段代码如下: function MouseDownToResize(o ...
js控制tr属性显示和隐藏
方法一: document.getElementById("id").style.visibility="hidden"; document.getElemen ...

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

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

最新文章

热门文章