ÐоÑÑк елеменÑÑв
важливÑÑÑÑ: 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] // взÑÑи оÑÑаннÑй