Пошук елементів
важливість: 4
Ось документ із таблицею та формою.
Як знайти?…
- Таблиця з
id="age-table"
. - Усі елементи
label
всередині цієї таблиці (їх має бути 3). - Перший
td
у цій таблиці (зі словом “Age”). form
зname="search"
.- Перший
input
у цій формі. - Останній
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] // взяти останній