js實現的控制table指定行的隱藏和現實程式碼例項
在實際應用中可能需要控制table表格行的現實和隱藏效果。
下面就是一段實現此功能的程式碼例項,非常的簡單,不多介紹了,感興趣的可以做一下分析。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> 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 != "隱藏指定行"){ btn.value = "隱藏指定行"; } else{ btn.value = "顯示指定行"; } } } window.onload=function(){ var obt=document.getElementById("bt"); obt.onclick=function(){ setDetailMsgRow('tmpRow0',this) } } </script> </head> <body> <div> <input type="button" id="bt" value="顯示指定行"/> <table border="1"> <tr id="tmpRow0" style="display:none;color:Blue"> <td>螞蟻部落</td> <td>softwhy.com</td> </tr> <tr id="tmpRow1"> <td>antzone</td> <td>css教程</td> </tr> <tr id="tmpRow2"> <td>softwhy.com</td> <td>div教程</td> </tr> <tr id="tmpRow3"> <td>json教程</td> <td>js教程</td> </tr> <tr id="tmpRow4"> <td>正規表示式教程</td> <td>jquery教程</td> </tr> </table> </div> </body> </html>
相關文章
- 點選實現隱藏元素本身程式碼例項
- js實現的指定時間後觸發事件程式碼例項JS事件
- 點選按鈕實現隱藏一個元素程式碼例項
- js實現jquery的extend()程式碼例項JSjQuery
- js實現的警告框例項程式碼JS
- jQuery控制div顯示和隱藏程式碼例項jQuery
- js實現的獲取指定元素的節點封裝程式碼例項JS封裝
- js設定元素控制元件顯示和隱藏程式碼例項JS控制元件
- jQuery實現的刪除指定標籤程式碼例項jQuery
- jQuery實現的刪除指定子元素程式碼例項jQuery
- js實現的冪運算程式碼例項JS
- js實現的元素運動程式碼例項JS
- 點選實現元素的漸隱或者漸現程式碼例項
- js迭代table表格的行和列程式碼例項JS
- js實現的獲取指定時間前幾天日期程式碼例項JS
- js獲取table表格指定行和列的單元格內容程式碼例項JS
- js實現的垂直選項卡效果程式碼例項JS
- js實現的可以通用的選項卡程式碼例項JS
- 滑鼠滑過實現table表格行背景變色程式碼例項
- js實現的查詢陣列中含有指定值的數量程式碼例項JS陣列
- js實現的留言本效果程式碼例項JS
- js實現的div拖動效果例項程式碼JS
- js實現的文字垂直滾動例項程式碼JS
- js實現的元素抖動效果程式碼例項JS
- jQuery實現的JSONP應用程式碼例項jQueryJSON
- js實現文字框提示程式碼例項JS
- js實現的json格式資料排序程式碼例項JSON排序
- canvas實現的刮刮樂程式碼例項Canvas
- js實現的輸出雙引號程式碼例項JS
- js實現的浮點數取整程式碼例項JS
- node.js實現的自定義事件程式碼例項Node.js事件
- js實現的產生隨機數程式碼例項JS隨機
- js實現的保留兩位小數程式碼例項JS
- angularjs實現的購物車效果程式碼例項AngularJS
- js實現的信用卡校驗程式碼例項JS
- js和css實現的扇子展開和摺疊效果程式碼例項JSCSS
- jquery實現的下拉和收縮程式碼例項jQuery
- 原生js實現的物件複製和擴充套件程式碼例項JS物件套件