原生JS操作 table object HTMLTableSectionElement 對象,獲取行數

 

                    <tbody id="infoTab">
                        <tr class="fomat">
                            <td class="blank"></td>
                            <td>29</td>
                            <td>30</td>
                            <td>31</td>
                            <td>1</td>
                            <td>2</td>
                            <td>3</td>
                            <td>4</td>
                        </tr>
                        <tr class="week">
                            <td class="blank">姓名</td>
                            <td>星期一</td>
                            <td>星期二</td>
                            <td>星期三</td>
                            <td>星期四</td>
                            <td>星期五</td>
                            <td>星期六</td>
                            <td>星期日</td>
                        </tr>
                                                        <tr class="grid-item">
                                    <td class="blank" name="10001">張三</td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr class="grid-item">
                                    <td class="blank" name="10002">李四</td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr class="grid-item">
                                    <td class="blank" name="13812071740">測試測試</td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>

                    </tbody>
                

 

childElementCount獲取表格的行數

var table = document.getElementById("infoTab");//獲取對應
for (i=0 ; i < table.childElementCount;i++)//根據行數進行具體的處理
{
     alert(table.rows[i].innerHTML);
}

 

操作具體的列使用cells對象即可

alert(table.rows[i].cells[0].innerHTML);