méthode HTML DOM Tableau createTFoot ()
Table Object Définition et utilisation
méthode createTFoot () est utilisée pour obtenir une table ou créer un élément <tfoot>.
Note: Si tfoot élément de la table existe déjà, la méthode createTFoot () retourne une valeur existe, ne crée pas une nouvelle <tfoot> élément.
Astuce: Supprimer élément tfoot dans le tableau, utilisez deleteTFoot () méthode.
grammaire
tableObject.createTFoot()
support du navigateur
Tous les principaux navigateurs supportent createTFoot méthode ()
Exemples
Exemples
Créer et supprimer des éléments tfoot:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function createTFoot(){
var x=document.getElementById("myTable");
if (!x.tFoot){
var footer=x.createTFoot();
var row=footer.insertRow(0);
var cell=row.insertCell(0);
cell.innerHTML="<b>This is a table footer</b>";
}
}
function deleteTFoot(){
document.getElementById("myTable").deleteTFoot();
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
<br>
<button type="button" onclick="createTFoot()">创建表格页脚</button>
<button type="button" onclick="deleteTFoot()">删除表格页脚</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function createTFoot(){
var x=document.getElementById("myTable");
if (!x.tFoot){
var footer=x.createTFoot();
var row=footer.insertRow(0);
var cell=row.insertCell(0);
cell.innerHTML="<b>This is a table footer</b>";
}
}
function deleteTFoot(){
document.getElementById("myTable").deleteTFoot();
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
<br>
<button type="button" onclick="createTFoot()">创建表格页脚</button>
<button type="button" onclick="deleteTFoot()">删除表格页脚</button>
</body>
</html>
Essayez »
Table Object