Properti HTML DOM Tabel tfoot
Definisi dan Penggunaan
properti tfoot mengembalikan referensi ke elemen tabel tfoot.
Grup konten tfoot elemen bawah untuk bentuk HTML.
tatabahasa
tableObject.tFoot
Dukungan Browser
Semua browser utama mendukung properti tfoot
contoh
contoh
Pop insert <tfoot> di HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
alert(document.getElementById('myTable').tFoot.innerHTML);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
<br>
<button type="button" onclick="displayResult()">显示底部内容</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
alert(document.getElementById('myTable').tFoot.innerHTML);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
<br>
<button type="button" onclick="displayResult()">显示底部内容</button>
</body>
</html>
Coba »
tabel Object