ÐоиÑк ÑлеменÑов
важноÑÑÑ: 4
ÐÐ¾Ñ Ð´Ð¾ÐºÑÐ¼ÐµÐ½Ñ Ñ ÑаблиÑей и ÑоÑмой.
Ðак найÑи?â¦
- ТаблиÑÑ Ñ
id="age-table". - ÐÑе ÑлеменÑÑ
labelвнÑÑÑи ÑÑой ÑаблиÑÑ (Ð¸Ñ ÑÑи). - ÐеÑвÑй
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 в ÑÑой ÑаблиÑе
table.rows[0].cells[0]
// или
table.getElementsByTagName('td')[0]
// или
table.querySelector('td')
// 4. ФоÑма Ñ name="search"
// пÑедполагаем, ÑÑо еÑÑÑ ÑолÑко один ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ñ Ñаким name в докÑменÑе
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] // взÑÑÑ Ð¿Ð¾Ñледний