Javascript-форум - Как вывести значение на экран из тега "td"

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Как вывести значение на экран из тега "td" (https://javascript.ru/forum/misc/59626-kak-vyvesti-znachenie-na-ehkran-iz-tega-td.html)

Как вывести значение на экран из тега "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>

Спасибо большое!Работает)