天天看點

td/th colSpan 屬性

td/th 對象

定義和用法

colSpan 屬性可設定或傳回表元橫跨的列數。

文法

設定 colSpan 屬性:

tdObject.colSpan="number"

或者

thObject.colSpan="number"

傳回 colSpan 屬性:

tdObject.colSpan

thObject.colSpan

Tip:

There is no default value for the colSpan property.

描述
number 定義橫跨的列數

浏覽器支援

td/th colSpan 屬性
td/th colSpan 屬性
td/th colSpan 屬性
td/th colSpan 屬性
td/th colSpan 屬性

所有主要浏覽器都支援 colSpan 屬性

執行個體

下面的例子更改了表元橫跨的列數:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鳥教程(runoob.com)</title>

<script>

function displayResult(){

    document.getElementById("myHeader1").colSpan="2";

}

</script>

</head>

<body>

<table border="1">

    <tr>

        <th id="myHeader1">月份</th>

        <th id="myHeader2">存款</th>

    </tr>

        <td>January</td>

        <td>$100.00</td>

    </tr>

    <tr>

        <td>February</td>

        <td>$10.00</td>

        <td>March</td>

        <td>$80.00</td>

</table>

<br>

<button type="button" onclick="displayResult()">改變第一個單元格的橫跨列數</button>

</body>

</html>

td/th 對象