js獲取表格第一行資料(不包括表頭)

helloworlddm發表於2018-01-10

程式碼如下:

<!DOCTYPE HTML>

<html>
    <head>
        <meta charset="utf-8"/>
        <title> table test</title>


    </head>
    <body>
        <table id="test" border="1px">
            <tr>
                <th>fisrt name</th>
                <th>last name</th>
            </tr>
            <tr>
                <td>Burning</td>
                <td>Teng</td>
            </tr>
            <tr>
                <td>Zhou</td>
                <td>Yi</td>
            </tr>
            <tr>
                <td><input type="button" onclick="test(this)"></td>
                <td>alert()</td>
            </tr>
        </table>
        <script>
        function test(ele)//注意這裡this的使用
        {
            var eleTable = document.getElementById("test");
            var eleTr = eleTable.getElementsByTagName("tr");
            var firstRow  = eleTr[1];
            alert(firstRow == ele.parentNode.parentNode);
            //alert(ele.parentNode.parentNode);

            alert(ele);
        }
        </script>

    <body>
</html>

相關文章