js遍历表格数据

最新推荐文章于 2024-05-11 11:32:11 发布

liuhongshuo2012

最新推荐文章于 2024-05-11 11:32:11 发布

阅读量1.4k

点赞数

分类专栏： js 文章标签：遍历数据 javascript table

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<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" οnclick="showTable('mailTable');" value="遍历table"/>
        <input type="button" οnclick="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>

注意：尽量不要加入序号

liuhongshuo2012

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js遍历表格数据

function showTable(id){ var tb=document.getElementById(id); var rows=tb.rows; for(var i=0;i var cells=rows[i].cells; for(var j=0;j
复制链接

扫一扫