Форум

Артист · #1 (**permalink**) 10.01.2017, 22:41

Ни 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>

Артист · #2 (**permalink**) 10.01.2017, 22:54

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

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

TestUser013 · #3 (**permalink**) 10.01.2017, 23:01

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

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

Артист · #5 (**permalink**) 10.01.2017, 23:53

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

Форум

Справочник

Discord чат

Курсы javascript