Ми хочемо зробити цей проєкт з відкритим кодом доступним для людей у всьому світі.

Допоможіть перекласти цей підручник вашою мовою!

назад до уроку

Пошук елементів

важливість: 4

Ось документ із таблицею та формою.

Як знайти?…

  1. Таблиця з id="age-table".
  2. Усі елементи label всередині цієї таблиці (їх має бути 3).
  3. Перший td у цій таблиці (зі словом “Age”).
  4. form з name="search".
  5. Перший input у цій формі.
  6. Останній input у цій формі.

Відкрийте сторінку table.html в окремому вікні та скористайтеся для цього інструментами браузера.

Є багато способів зробити це.

Ось деякі з них:

// 1. Таблиця з `id="age-table"`. let table = document.getElementById('age-table') // 2. Всі елементи label всередині цієї таблиці table.getElementsByTagName('label') // або document.querySelectorAll('#age-table label') // 3. Перший td в цій таблиці (зі словом "Age") table.rows[0].cells[0] // або table.getElementsByTagName('td')[0] // або table.querySelector('td') // 4. форма з іменем "search" // припускаємо, що в документі є лише один елемент з name="search". let form = document.getElementsByName('search')[0] // або безпосередньо форма document.querySelector('form[name="search"]') // 5. Перший input у цій формі. form.getElementsByTagName('input')[0] // або form.querySelector('input') // 6. Останній input у цій формі let inputs = form.querySelectorAll('input') // знайти всі input inputs[inputs.length-1] // взяти останній