js遍歷表格數據

<html>
    <head>
        <title></title>
        <SCRIPT LANGUAGE="JavaScript">
         function showTable(id){ 
          var tb=document.getElementById(id); 
          var rows=tb.rows;
           for(var i=0;i<rows.length;i++){ 
            var cells=rows[i].cells; 
             for(var j=0;j<cells.length;j++){ 
              if (cells[j].name == "god"){
               alert("name=" +cells[j].childNodes[0].name +" value="+ cells[j].childNodes[0].value  + " hidden=" +cells[j].childNodes[0].hidden ); 
               }
               
              }
           }         
         }
         function showTd(id){
             var td=document.getElementById(id);
             var cell=td.parentElement;
             alert(cell.childNodes[0].value);
             alert(cell.cellIndex);
         }
        </SCRIPT>
    </head>
    <body>
        <input type="button" onclick="showTable('mailTable');" value="遍歷table"/>
        <input type="button" onclick="showTd('th01Input');" value="取得td的index"/>
        <table id="mailTable">
            <tr>
                <td name="god"><input name="input1" value="th00" hidden="343434" ></td>
                <td>wo</td>
            </tr>
            <tr >
                <td name="god"><input name="input3" hidden="aaa" ></td>
                <td name="god"><input name="input4" hidden="bbb" ></td>
            </tr>
            <tr>
                <td><input name="input5" value="th20"></td>
                <td><input name="input6" value="th21"></td>
            </tr>
        </table>
    </body>

</html>

注意:儘量不要加入序號


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章