Visitar URL original
جستجوی elementها

ما قصد داریم این پروژهٔ متن‌باز را در دسترس همهٔ مردم در سرتاسر دنیا قرار دهیم.

به ترجمهٔ محتوای این آموزش به زبان خودتان کمک کنید/a>.

بازگشت به درس

جستجوی elementها

اهمیت: 4

اینجا document مربوط به table و form را می‌بینیم.

چگونه موارد زیر را پیدا کنیم؟

  1. جدول با شناسه‌ی id="age-table".
  2. تمام label های درون آن table (باید سه تا باشند)
  3. اولین td درون آن table (با کلمه‌ی “Age”)
  4. form با name="search"
  5. اولین input در آن فرم
  6. آخرین 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] // آخری را می‌گیرد