HTML DOM Table lignes collection
Définition et utilisation
Retourne un tableau de lignes de table collection toutes les lignes (objets de TableRow), qu'un HTMLCollection.
L'ensemble comprend un élément <thead>, <tfoot> et <tbody> toutes les lignes sont définies.
grammaire
tableObject.rows
propriété
属性 | 描述 |
---|---|
length | 返回集合中 <tr> 元素的数目 |
manière
Method | 描述 |
---|---|
[name_or_index] | 一个整数,指定元素检索位置(从0开始)td> |
item(name_or_index) | 返回集合中的指定索引的元素 |
namedItem(name) | 返回集合中指定名称的元素 |
support du navigateur
Tous les principaux navigateurs prennent en charge la collecte des lignes
Exemples
Exemples
Affiche le nombre de lignes de la table:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
alert(document.getElementById("myTable").rows.length);
}
</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="displayResult()">显示表的行数</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
alert(document.getElementById("myTable").rows.length);
}
</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="displayResult()">显示表的行数</button>
</body>
</html>
Essayez »
D'autres exemples
Pop contenu de la première rangée
Aligner le contenu des cellules des lignes du tableau
contenu cellulaire vertical est aligné lignes dans la table
Alignez le contenu d'une seule cellule
L' alignement vertical du contenu des cellules
changement de contenu cellule de tableau
Table Object