Как вывести значение на экран из тега "td"
По идее все просто,но у меня не получается.
Есть таблица:
<table class="table-time table-position">
<tbody><tr>
<th>Time</th>
<th>Position</th>
</tr>
<tr>
<td>10.35<small>sec</small></td>
<td>1</td>
</tr><tr>
<td>10.42<small>sec</small></td>
<td>2</td>
</tr><tr>
<td>10.53<small>sec</small></td>
<td>3</td>
</tr> </tbody></table>
Нужно вытащить значение первого тега "td"(10,35) и показать во всплывающем окошке. Делал все как пишут во многих учебниках,но видимо что то упустил. Помогите пожалуйста. И если можно с расшифровкой,что да как и зачем.Что бы уж понять наверняка и закрепит. |
artamor,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table class="table-time table-position">
<tbody>
<tr>
<th>Time</th>
<th>Position</th>
</tr>
<tr>
<td>10.35<small>sec</small></td>
<td>1</td>
</tr>
<tr>
<td>10.42<small>sec</small></td>
<td>2</td>
</tr>
<tr>
<td>10.53<small>sec</small></td>
<td>3</td>
</tr>
</tbody>
</table>
<script>
var td = document.querySelector('.table-time.table-position tr:nth-child(2) td:nth-child(1)');
alert(td.firstChild.data)
</script>
</body>
</html>
|
Спасибо большое!Работает)
|
| Часовой пояс GMT +3, время: 01:19. |