Пошук елементів
важливість: 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
]
// взяти останній