Вход

Просмотр полной версии : Как получить количество строк таблицы?

Medvedoc
08.11.2017, 21:33
Подскажите ребята как можно получить количество строк из таблицы?


<table>
<tbody>
<tr>
<td><input name="" value="0" type="radio"></td>
<td>текст1</td>
</tr>
<tr>
<td><input name="" value="1" type="radio"></td>
<td>текст2</td>
</tr>
<tr>
<td><input name="" value="2" type="radio"></td>
<td>текст3</td>
</tr>
</tbody>
</table>


Здесь строка выводится в теге <tr>. В данной таблице таких строки три. Как скриптом можно получить данное число?
рони
08.11.2017, 21:47
Medvedoc,
Поиск: getElement* и querySelector* и не только (https://learn.javascript.ru/searching-elements-dom)
Rasy
08.11.2017, 21:50
Medvedoc,
table.tBodies[0].rows.length
Medvedoc
08.11.2017, 22:39
у меня не видит document
рони
08.11.2017, 23:27
Medvedoc,
:-?
<!DOCTYPE html>

<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">

<script>
window.addEventListener('DOMContentLoaded', function() {
var tr = document.querySelectorAll('tr');
alert(tr.length);
});
</script>
</head>

<body>
<table>
<tbody>
<tr>
<td><input name="" value="0" type="radio"></td>
<td>текст1</td>
</tr>
<tr>
<td><input name="" value="1" type="radio"></td>
<td>текст2</td>
</tr>
<tr>
<td><input name="" value="2" type="radio"></td>
<td>текст3</td>
</tr>
</tbody>
</table>

</body>
</html>