JavaScriptトラバーサルテーブル
1。説明
テーブル内の行と列を繰り返して、その値を印刷します
2。ソースコードを実装します
<!doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> javascript traversalテーブル1pxソリッド; } </style> <script type = "text/javascript">/** * javascriptトラバーサルテーブル */function各tablerow(){// table sequence番号var tab = document.getelementbyid( "tab"); //行番号を取得var rows = tab.rows; //(var i = 1; i <rows.length; i ++){//(var j = 0; j <rows [i] .cells.length; j ++){// transip table列のtransip low for(//特定の行と列アラートの値( "th"+(i+1)+"row)の値を印刷します。 is: "+rows [i] .cells [j] .innerhtml); }}} </script> </head> <body> <table id = "tab" cellpadding = "0" cellpacing = "0"> <tr style = "border:#ccc 1px solid;"> <th> age </th> <th> gender </th> </td> sisi </td> <td> 20 </td> <td>女性</td> </tr> <td> 2014010102 </td> <td> lisan </td> <td> 21 </td> <td>男性</td> </td> <td> <td> 22 </td> <td>女性</td> </tr> <tr> <td> 201401044 </td> <td> julie </td> <td> 23 </td> <td>男性</td> </tr> </table> <入力タイプ= "ボタン</html>3。結果を達成します
(1)初期化
(2)「旅行」をクリックします
(3)もう一度「旅行」をクリックします