js COL能很好的控制表格的列

JS COL指的是JavaScript中的HTML DOM元素中的col对象，通过JS代码操作col对象可以对表格中某一列的特征进行修改。

下面是操作表格中某一列时常用的一些属性：

1. align：水平方向上的对齐方式。
2. width：设置该列的宽度，比如设置width为"100"，则表示该列的宽度为100个像素。
3. span：设置该列跨几列，比如设置span为"2"则表示该列跨两列。
4. style：可以通过style属性设置该列的CSS样式。

下面是两个具体的例子：

1. 修改表格中某一列的水平对齐方式

<table>
    <colgroup>
        <col style="background-color: yellow;">
        <col style="background-color: green;">
    </colgroup>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
    </tbody>
</table>

<script>
    var cols = document.getElementsByTagName("col");
    for (var i = 0; i < cols.length; i++) {
        cols[i].align = "center";
    }
</script>

运行这个代码，会让表格中所有列的文本在表格单元格中水平居中对齐。

1. 修改表格中某一列的宽度和跨列

<table>
    <colgroup>
        <col>
        <col>
        <col>
    </colgroup>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
    </tbody>
</table>

<script>
    var cols = document.getElementsByTagName("col");
    cols[1].width = "100";
    cols[2].span = "2";
</script>

运行这个代码，会让表格中第二列的宽度变为100个像素，并将第三列跨越到第四列。