.tHead / .tBodies / .tFoot /.rows /.cells ——表格<table>操作

一、相关操作

1、.tHead——表格头，只有一个

2、.tBodies——表格正文，可有多个

3、.tFoot——表格尾，只有一个

4、.rows——行，可有多个

5、.cells——列，可有多个

写法：元素.tBodies[0].rows[1].cells[1].innerHTML

　　   代表：表格正文<tbody>里的的第二个<tr>的第二列<td>的内容，为下面html的11

 

二、HTML格式

<table>
    <thead><!--表格头-->
        <tr>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>  <!--如果tbody不写，浏览器解析的时候也会自动加上，为了规范建议写-->
        <tr> <!--表格行-->
            <td></td><!--表格列-->
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>11</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </tbody>
</table>

 

三、一般表单的json信息

格式：

var date=[
    {name:shj,age:24,sex:"女"},
    {name:cr,age:30,sex:"男"},
    {name:zyh,age:49,sex:"女"},
];

 

未完待续