看到以下代码,并做了测试:
<body><input type=button onclick=hideCol(1) value='隐藏第 2 列'><input type=button onclick=showCol(1) value='显示第 2 列'><div id=tableBox></div><script>//--------------------------------------------------------// 时间转为时间戳(毫秒)function time2stamp(){var d=new Date();return Date.parse(d)+d.getMilliseconds();} //--------------------------------------------------------// 创建表格function createTable(rowsLen){ var str = "<table border=1>" + "<thead>" + "<tr>" + "<th width=100>col1<\/th>" + "<th width=200>col2<\/th>" + "<th width=50>col3<\/th>" + "<\/tr>" + "<\/thead>" + "<tbody>"; var arr = []; for (var i=0; i<rowsLen; i++) { arr[i] = "<tr><td>" + i + "1<\/td><td>" + i + "2</td><td>" + i + "3<\/td></tr>"; } str += arr.join("") + "</tbody><\/table>"; // 用 join() 方式快速构建字串,速度极快 tableBox.innerHTML = str; // 生成 table}//--------------------------------------------------------// 隐藏/显示指定列function hideCol(colIdx){hideOrShowCol(colIdx, 0);}function showCol(colIdx){hideOrShowCol(colIdx, 1);}// - - - - - - - - - - - - - - - - - - - - - - - - - - - -function hideOrShowCol(colIdx, isShow){ var t1 = time2stamp(); // var table = tableBox.children[0]; var rowsLen = table.rows.length; var lastTr = table.rows[0]; for (var i=0; i<rowsLen; i++) { var tr = table.rows[i]; tr.children[colIdx].style.display = isShow ? "" : "none"; } var t2 = time2stamp(); alert("耗时:" + (t2 - t1) + " 毫秒");}//--------------------------------------------------------createTable(1000); // 创建千行表格</script>
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索date
, createtable
, function
, index
, 时间
, var
getMilliseconds
wpf children zindex、indexof效率、js indexof效率、java indexof效率、c indexof效率,以便于您获取更多的相关知识。
时间: 2024-10-29 11:40:58