HTML DOM tr insertCell () Méthode
des objets de tr Définition et utilisation
Spécifiez la méthode de localisation insertCell () est utilisé pour insérer une ligne de tableau HTML une balise <td> élément vide.
grammaire
trObject.insertCell(index)
| 值 | 描述 |
|---|---|
| index | 该方法将创建一个新的 <td> 元素，把它插入行中指定的位置。新单元格将被插入当前位于 index 指定位置的表元之前。如果 index 等于行中的单元格数，则新单元格被附加在行的末尾。 |
support du navigateur
Tous les principaux navigateurs supportent insertCell méthode ()
Exemples
Exemples
L'exemple suivant insère une cellule de ligne de table:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var firstRow=document.getElementById("myTable").rows[0];
var x=firstRow.insertCell(-1);
x.innerHTML="New cell"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>First cell</td>
<td>Second cell</td>
<td>Third cell</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(){
var firstRow=document.getElementById("myTable").rows[0];
var x=firstRow.insertCell(-1);
x.innerHTML="New cell"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>First cell</td>
<td>Second cell</td>
<td>Third cell</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">插入单元格</button>
</body>
</html>
Essayez »
D'autres exemples
Ajouter une nouvelle ligne à la table - et puis ajoutez le contenu de la cellule et
des objets de tr