Форум

artamor · #1 (**permalink**) 19.11.2015, 21:28

По идее все просто,но у меня не получается.
Есть таблица:

<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) и показать во всплывающем окошке.
Делал все как пишут во многих учебниках,но видимо что то упустил.
Помогите пожалуйста.
И если можно с расшифровкой,что да как и зачем.Что бы уж понять наверняка и закрепит.

рони · #2 (**permalink**) 19.11.2015, 21:37

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>

artamor · #3 (**permalink**) 19.11.2015, 21:43

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

Форум

Справочник

Discord чат

Курсы javascript