天天看点

td/th rowSpan 属性

td/th 对象

定义和用法

rowSpan 属性可设置或返回单元横跨的行数。

语法

设置 rowSpan 属性:

tdObject.rowSpan="number"

或者

thObject.rowSpan="number"

返回 rowSpan 属性:

tdObject.rowSpan

thObject.rowSpan

提示:

rowSpan 属性没有默认值。

描述
number 定义单元横跨的行数

浏览器支持

td/th rowSpan 属性
td/th rowSpan 属性
td/th rowSpan 属性
td/th rowSpan 属性
td/th rowSpan 属性

所有主流浏览器都支持 rowSpan 属性

实例

下面的例子更改了表元横跨的行数:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

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

<script>

function displayResult(){

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

}

</script>

</head>

<body>

<table border="1">

    <tr>

        <th id="myHeader1">Month</th>

        <th id="myHeader2">Savings</th>

    </tr>

    <tr>

        <td>January</td>

        <td>$100.00</td>

    </tr>

        <td>February</td>

        <td>$10.00</td>

<tr>

<td>March</td>

<td>$80.00</td>

</tr>

</table>

<br>

<button type="button" onclick="displayResult()">修改第一个单元格横跨的行数</button>

</body>

</html>

td/th 对象