如何用js获得每行有多少列

如何用js获得每行有多少列

解决方案 »

  1.   

    <html>
    <head>
        <script type="text/javascript">
            window.onload = function(){
    var count = 0;
    for(var i = 0; i < myTable.rows.length; i++){(function(row){
    var tds = row.getElementsByTagName('td');
    for(var j = 0; j < tds.length; j++){
    count++;
    }
    })(myTable.rows[0])}
    alert('tr里一共有:  '+count + '  列');
            };
        </script>
    </head>
    <body>
    <table id="myTable">    <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
    </body>
    </html> 
      

  2.   

    用 tr.cells.length; 直接获取
      

  3.   

    <script type="text/javascript" src="jquery-1.3.1.js"></script>
    <script>
    function abc(){
    $('tr').each(function(){
    var count = 0;
    $(this).find('td').each(function(){
    count+=$(this).attr("colspan");
    });
    alert(count)
    })
    }
    </script>
    <table>
    <tr><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td colspan="2"></td><td></td></tr>
    </table>
    <button onclick="abc()">get it</button>
      

  4.   

    直接用选中行的cells.length属性就可以获得了.