當前位置:蘿卜系統下載站 > 技術開發教程 > 詳細頁面

JS代碼完成表格中隱藏下級表格

JS代碼完成表格中隱藏下級表格

更新時間:2023-06-20 文章作者:未知 信息來源:網絡 閱讀次數:

編程(Programming)是編定程序的中文簡稱,就是讓計算機代碼解決某個問題,對某個計算體系規定一定的運算方式,使計算體系按照該計算方式運行,并最終得到相應結果的過程。為了使計算機能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機,使得計算機能夠根據人的指令一步一步去工作,完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。

【實例名稱】

JS代碼實現表格中隱藏下級表格

【實例描述】

div層可以實現表單隱藏,但對于多個表單,使用表格隱藏手段反而更簡單。本例學習如何使用表格隱藏。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁-本站(www.xue51.com)</title> </head> <body> <style type="text/css"> .color1 { color:#000080; cursor:hand;font-weight: bold; } .color2 { color:#464646; display:none; } </style> <table onclick="divClick(this);"> <tr class="color1"><td>1、在工作流不同階段,加載不同的表單?</td></tr> <tr class="color2"><td>     我現在已經把自定義表單實現了,加WWF以后,要做的東西就不多了<br>     離可以作為工作流使用還有相當的開發工作量的</td></tr>

<tr class="color1"><td>2、為什么一定要先交預付款?</td></tr> <tr class="color2"><td>   請問這個是text/x-scriptlet 這是個什么東東插件搜索服務顯示是未知插件. . 金箭. <br>   哪位有的下載啊我弄了半天也沒弄好請高人幫幫忙啊~~謝謝`~~<br>   款中扣除相應費用。同時,為保證您的用戶購買域名、虛擬主機、 FTP空間、數據庫、企業郵局能實時開<br>   2007年1月17日1:26 PM. 似乎是個IE下用的控件 。</td></tr>

<tr class="color1"><td>3、為什么我司的域名比較便宜?</td></tr> <tr class="color2"><td>    審核就把delete from SMT_cp where SMT_id in(1,2,3) 換成 update  SMT_cp set 審核字段=1 where SMT_id in(1,2,3)就可以<br>   SQL語句可以直接delete from SMT_cp where SMT_id in(1,2,3)刪除</td></tr> </table>

<SCRIPT language="javascript"> function divClick(tb) {  var n = event.srcElement.parentNode.rowIndex;              //獲得父節點的行索引  if (n%2==0)                                                //判斷是否是被2整除的行-所有標題行都可以                                          {   with(tb.rows[n+1].style) display= display=="none" ? "block" : "none"; //讓標題行的下一行顯示  } } </SCRIPT> </body> </html>

【運行效果】

運行效果

【難點剖析】

本例中使用兩種樣式定義表格的標題行和內容行.當用戶單擊表格時,程序會通過“n%2==o”判斷用戶選擇的行,如果能被2整除,說明用戶單擊的是標題行。當單擊標題行時,使用表格的“display”屬性控制內容行的顯示。

【源碼下載】

如果你不愿復制代碼及提高代碼準確性,你可以點擊:表格中隱藏下級表格 進行本實例源碼下載 


使用編程語言寫的程序,由于每條指令都對應計算機一個特定的基本動作,所以程序占用內存少、執行效率高。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

網站地圖xml | 網站地圖html
亚洲嫩草影院久久精品