HTML DOM中的Dom TableData colSpan屬性用於設置或返回colspan屬性的值。 colspan屬性用於指定表應跨越的列數。
用法:
- 它返回colSpan屬性。
tabledataObject.colSpan
- 它用於設置colSpan屬性。
tabledataObject.colSpan = number
屬性值:它包含一個數字值,該值指定單元格應跨越的列數。
返回值:它返回一個字符串值,該值表示單元格應該跨越的列數。
示例1:本示例返回colspan屬性。
<!DOCTYPE html>
<html>
<head>
<style>
table,
th,
td {
border:1px solid green;
}
</style>
</head>
<body>
<body>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM TableData Colspan Property
</h2>
<table>
<tr>
<td id="myTd"
colspan="3">
Geeks
</td>
<td>For</td>
<td>Geeks</td>
</tr>
</table>
<br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo"
style="font-size:24px;
colorgreen;">
</p>
<script>
function myFunction() {
// Accessing Table data
var x =
document.getElementById(
"myTd").colSpan;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
示例2:本示例設置colspan屬性。
<!DOCTYPE html>
<html>
<head>
<style>
table,
th,
td {
border:1px solid green;
}
</style>
</head>
<body>
<body>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM TableData Colspan Property
</h2>
<table>
<tr>
<td id="myTd"
colSpan="3">
Geeks
</td>
<td>For</td>
<td>Geeks</td>
</tr>
</table>
<br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo"
style="font-size:24px;
colorgreen;">
</p>
<script>
function myFunction() {
// Accessing Table data
var x =
document.getElementById("myTd").colSpan = "5";
document.getElementById("demo").innerHTML =
"The value of the Colspan "+
"attribute was changed to "
+ x;
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
支持的瀏覽器:
- 穀歌瀏覽器
- 火狐瀏覽器
- Edge
- Opera
- Safari
相關用法
- HTML TableData rowSpan用法及代碼示例
- HTML TableData cellIndex用法及代碼示例
- HTML TableData headers用法及代碼示例
- HTML <th> colspan屬性用法及代碼示例
- HTML colspan屬性用法及代碼示例
- HTML DOM TableData用法及代碼示例
- HTML DOM value用法及代碼示例
- HTML li value用法及代碼示例
- HTML DOM name用法及代碼示例
- HTML Bdo dir用法及代碼示例
- HTML Map name用法及代碼示例
- HTML DOM URL用法及代碼示例
- HTML DOM dir用法及代碼示例
- HTML DOM specified用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM TableData colSpan Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。