DOM高级/表格的tbody.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        window.onload=function()
        {
            var oTab=document.getElementById('tab1');

            //alert(oTab.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[1].getElementsByTagName('td')[1].innerHTML);
            alert(oTab.tBodies[0].rows[1].cells[1].innerHTML);
        };
    </script>
</head>
<body>
    <table id="tab1" border="1" width="500">
        <thread>
            <td>ID</td>
            <td>姓名</td>
            <td>年龄</td>
        </thread>
        <tbody>
            <tr>
                <td>1</td>
                <td>blue</td>
                <td>27</td>
            </tr>
            <tr>
                <td>2</td>
                <td>张三</td>
                <td>23</td>
            </tr>
            <tr>
                <td>3</td>
                <td>李四</td>
                <td>28</td>
            </tr>
            <tr>
                <td>4</td>
                <td>王五</td>
                <td>25</td>
            </tr>
            <tr>
                <td>5</td>
                <td>张伟</td>
                <td>24</td>
            </tr>
        </tbody>
    </table>
</body>
</html>