Viewing: tr.javascript.info

eitli kaytlarn tutulduu bir tablo yaratlmaldr.

Aradamz zelliklere sahip deerler nasl bulunur ?

Belirtilen id="age-table" deerine sahip bir tablomuz mevcut.
Tabloda yer alan label elementinin hepsini bulmamz salar. (Bunlardan 3 adet mevcuttur.)
Tablo ierisinde bulunan ilk td elementini bulmaya yarar. (td ierisinde bulunan metinde birlikte gelmektedir.)
Belirtilen tablonun zerinden yer alan form elementini bulur. Sahip olduu search znitelii ile birlikte.
Form ierisindeki ilk input elementini bulmamz salar.
Form ierisindeki son input elementini bulmamz salar.

table.html sayfasn ayr bir tarayc sekmesinde aarak admlarn gelitirme admlarn tek tek uygulayabilirsiniz.

Arama yapmann birden fazla yolu vardr.

Bunlardan bazlar:

          // 1. `id="age-table"` zniteliine sahip form elementi seilmektedir.
let table = document.getElementById('age-table')

// 2. tablo ierisinde yer alan btn label elementleri seilmektedir.
table.getElementsByTagName('label')
// veya
document.querySelectorAll('#age-table label')

// 3. Tablodaki ilk elementi bulmak iin kullanlr. (erisinde bulunan metinde gelmektedir.)
table.rows[0].cells[0]
// veya
table.getElementsByTagName('td')[0]
// veya
table.querySelector('td')

// 4. "search" isimde bir elementi aramaktadr.
// dnecek olan veriler ierisinden ilk olan bulmak iin kullanlr.
let form = document.getElementsByName('search')[0]
// veya, form iin isim zniteliinden faydalanarak bulmak
document.querySelector('form[name="search"]')

// 5. Form ierisinde bulunan ilk input elementini bulmak iin kullanlr.
form.getElementsByTagName('input')[0]
// veya
form.querySelector('input')

// 6. Form ierisinde bulunan son elementi bulmak iin kullanlr.
// Tek seferde ulaabilmemizi mmkn deildir.
let inputs = form.querySelectorAll('input') // Btn input elementleri bulunur.
inputs[inputs.length-1] // sonuncuyu bulabilmek iin gerekli ilem yaplr.
        

Element Arama