Форум

Medvedoc · #1 (**permalink**) 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>. В данной таблице таких строки три. Как скриптом можно получить данное число?

рони · #2 (**permalink**) 08.11.2017, 21:47

Medvedoc,
Поиск: getElement* и querySelector* и не только

Rasy · #3 (**permalink**) 08.11.2017, 21:50

Medvedoc,

table.tBodies[0].rows.length

Medvedoc · #4 (**permalink**) 08.11.2017, 22:39

у меня не видит document

рони · #5 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript