Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Найти 1й элемент 2го элемента таблицы (https://javascript.ru/forum/misc/66794-najjti-1jj-ehlement-2go-ehlementa-tablicy.html)

Артист 10.01.2017 22:41

Найти 1й элемент 2го элемента таблицы
 
Ни 1 способ не работает...

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<script type="text/javascript">
			function main()
			{
				var t = document.querySelector('table')

				alert(t.lastChild.innerHTML)
				alert(t.firstChild.innerHTML)
				alert(t.firstElementChild.innerHTML)
				alert(t.lastElementChild.innerHTML)
				alert(t.childNodes[1].innerHTML)
				alert(t.children[1].innerHTML)
			}
			document.addEventListener('DOMContentLoaded', main)
		</script>
	</head>
	<body>
		<table>
			<tr>
				<td>1</td>
			</tr>
			<tr>
				<td>Нужен этот элемент</td>
				<td>3</td>
			</tr>
		</table>
	</body>
</html>

Артист 10.01.2017 22:54

А, не, догнал, оказывается для таблиц своя навигация...

alert(t.rows[1].cells[0].innerHTML)

TestUser013 10.01.2017 23:01

Да, своя, но можно и дочерными добираться
t.firstElementChild.children[1].children[0]

рони 10.01.2017 23:10

Артист, а посмотреть структуру таблицы?
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript">
      function main()
      {
        var t = document.querySelector('table tbody')
        alert(t.lastElementChild.firstElementChild.innerHTML)
        alert(t.children[1].children[0].innerHTML)
      }
      document.addEventListener('DOMContentLoaded', main)
    </script>
  </head>
  <body>
    <table>
      <tr>
        <td>1</td>
      </tr>
      <tr>
        <td>Нужен этот элемент</td>
        <td>3</td>
      </tr>
    </table>
  </body>
</html>

Артист 10.01.2017 23:53

Спасибо )
Да... я не знаю что такое структура ))


Часовой пояс GMT +3, время: 15:52.