جستجÙÛ elementÙØ§
اÙÙ
ÛØª: 4
اÛÙØ¬Ø§ document Ù Ø±Ø¨ÙØ· ب٠table Ù form را Ù ÛâØ¨ÛÙÛÙ .
ÚÚ¯ÙÙÙ Ù ÙØ§Ø±Ø¯ Ø²ÛØ± را Ù¾ÛØ¯Ø§ Ú©ÙÛÙ Ø
- جدÙ٠با Ø´ÙØ§Ø³ÙâÛ
id="age-table". - تÙ
اÙ
labelÙØ§Û درÙ٠آ٠table (Ø¨Ø§ÛØ¯ س٠تا Ø¨Ø§Ø´ÙØ¯) - اÙÙÛÙ
tdدرÙ٠آ٠table (با Ú©ÙÙ ÙâÛ â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. form با ÙØ§Ù
"search"
// با ÙØ±Ø¶ اÛÙÚ©Ù ÙÙØ· ÛÚ© element با ÙØ§Ù
"search" در document است.
let form = document.getElementsByName('search')[0]
// ÛØ§ Ø¨Ù Ø·ÙØ± خاصØâform.
document.querySelector('form[name="search"]')
// 5. اÙÙÛÙ input درÙÙ form
form.getElementsByTagName('input')[0]
// ÛØ§
form.querySelector('input')
// 6. آخرÛÙ input در Ø¢Ù ÙØ±Ù
let inputs = form.querySelectorAll('input') // تÙ
اÙ
inputÙØ§ را Ù¾ÛØ¯Ø§ Ù
ÛâÚ©ÙØ¯.
inputs[inputs.length-1] // Ø¢Ø®Ø±Û Ø±Ø§ Ù
ÛâÚ¯ÛØ±Ø¯