HTML의 DOM의 TD / 일 ROWSPAN 특성
정의 및 사용
ROWSPAN는 속성 집합 또는 셀에 의해 스팬 행의 수를 반환합니다.
문법
ROWSPAN 속성 설정 :
tdObject.rowSpan="number"
或者
thObject.rowSpan="number"
或者
thObject.rowSpan="number"
위로 ROWSPAN 속성 :
tdObject.rowSpan
或者
thObject.rowSpan
或者
thObject.rowSpan
팁 : ROWSPAN 속성은 기본값이 없습니다.
值 | 描述 |
---|---|
number | 定义单元横跨的行数 |
브라우저 지원
모든 주요 브라우저는 ROWSPAN 속성을 지원
예
예
다음 예는 테이블 행 위안 횡단을 변경합니다 :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.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>
<tr>
<td>February</td>
<td>$10.00</td>
</tr>
<tr>
<td>March</td>
<td>$80.00</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">修改第一个单元格横跨的行数</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.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>
<tr>
<td>February</td>
<td>$10.00</td>
</tr>
<tr>
<td>March</td>
<td>$80.00</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">修改第一个单元格横跨的行数</button>
</body>
</html>
»시도
TD / 일 객체