Element Arama

Ã‡eÅŸitli kayÄ±tlarÄ±n tutulduÄŸu bir tablo yaratÄ±lmalÄ±dÄ±r.

AradaÄŸÄ±mÄ±z Ã¶zelliklere sahip deÄŸerler nasÄ±l bulunur ?

Belirtilen id="age-table" deÄŸerine sahip bir tablomuz mevcut.
Tabloda yer alan label elementinin hepsini bulmamÄ±zÄ± saÄŸlar. (Bunlardan 3 adet mevcuttur.)
Tablo iÃ§erisinde bulunan ilk td elementini bulmaya yarar. (td iÃ§erisinde bulunan metinde birlikte gelmektedir.)
Belirtilen tablonun Ã¼zerinden yer alan form elementini bulur. Sahip olduÄŸu search Ã¶zniteliÄŸi ile birlikte.
Form iÃ§erisindeki ilk input elementini bulmamÄ±zÄ± saÄŸlar.
Form iÃ§erisindeki son input elementini bulmamÄ±zÄ± saÄŸlar.

table.html sayfasÄ±nÄ± ayrÄ± bir tarayÄ±cÄ± sekmesinde aÃ§arak adÄ±mlarÄ±nÄ± geliÅŸtirme adÄ±mlarÄ±nÄ± tek tek uygulayabilirsiniz.

Arama yapmanÄ±n birden fazla yolu vardÄ±r.

Bunlardan bazÄ±larÄ±:

          // 1. `id="age-table"` Ã¶zniteliÄŸine sahip form elementi seÃ§ilmektedir.
let table = document.getElementById('age-table')

// 2. tablo iÃ§erisinde yer alan bÃ¼tÃ¼n label elementleri seÃ§ilmektedir.
table.getElementsByTagName('label')
// veya
document.querySelectorAll('#age-table label')

// 3. Tablodaki ilk elementi bulmak iÃ§in kullanÄ±lÄ±r. (Ä°Ã§erisinde bulunan metinde gelmektedir.)
table.rows[0].cells[0]
// veya
table.getElementsByTagName('td')[0]
// veya
table.querySelector('td')

// 4. "search" isimde bir elementi aramaktadÄ±r.
// dÃ¶necek olan veriler iÃ§erisinden ilk olanÄ± bulmak iÃ§in kullanÄ±lÄ±r.
let form = document.getElementsByName('search')[0]
// veya, form iÃ§in isim Ã¶zniteliÄŸinden faydalanarak bulmak
document.querySelector('form[name="search"]')

// 5. Form iÃ§erisinde bulunan ilk input elementini bulmak iÃ§in kullanÄ±lÄ±r.
form.getElementsByTagName('input')[0]
// veya
form.querySelector('input')

// 6. Form iÃ§erisinde bulunan son elementi bulmak iÃ§in kullanÄ±lÄ±r.
// Tek seferde ulaÅŸabilmemizi mÃ¼mkÃ¼n deÄŸildir.
let inputs = form.querySelectorAll('input') // BÃ¼tÃ¼n input elementleri bulunur.
inputs[inputs.length-1] // sonuncuyu bulabilmek iÃ§in gerekli iÅŸlem yapÄ±lÄ±r.
        