[ Web Proxy ]
URL:
Viewing: https://id.javascript.info/task/find-elements [Back]  [Original]

Pencarian untuk elemen
ID

Kami ingin membuat proyek open source ini tersedia untuk orang-orang di seluruh dunia.

Bantu untuk menerjemahkan konten tutorial ini ke bahasa Anda!

    Cari pada Javascript.info:
    Cari di tutorial:
    Light themeDark theme
    DanskEnglishEspaolFranaisIndonesiaItalianoTrkeOzbek
    kembali ke pelajaran

    Pencarian untuk elemen

    pentingnya: 4

    Ini adalah dokumen dengan tabel dan formulir.

    Bagaimana cara mencarinya?

    1. Tabel dengan id="age-table".
    2. Semua elemen label di dalam tabel (seharusnya ada 3).
    3. td pertama di dalam tabel (dengan kata Age).
    4. form dengan name="search".
    5. input pertama dalam formulir.
    6. input terakhir di dalam formulir.

    Bukalah halaman table.html di dalam jendela yang berbeda dan gunakan alat browser untuk itu.

    solusi

    Ada banyak cara untuk melakukannya.

    Ini adalah salah satu caranya:

    // 1. tabel dengan `id="age-table"`.
    let table = document.getElementById('age-table')
    
    // 2. Semua elemen label di dalam tabel.
    table.getElementsByTagName('label')
    // or
    document.querySelectorAll('#age-table label')
    
    // 3. elemen td pertama pada tabel (dengan kata "Age").
    table.rows[0].cells[0]
    // atau
    table.getElementsByTagName('td')[0]
    // atau
    table.querySelector('td')
    
    // 4. Formulir dengan nama "search".
    // mengasumsikan hanya ada satu elemen dengan nama="search" di dalam dokumen.
    let form = document.getElementsByName('search')[0]
    // atau, khususnya formulir.
    document.querySelector('form[name="search"]')
    
    // 5. Elemen input pertama pada formulir.
    form.getElementsByTagName('input')[0]
    // atau
    form.querySelector('input')
    
    // 6. Elemen input terakhir pada formulir.
    let inputs = form.querySelectorAll('input') // mencari semua elemen input.
    inputs[inputs.length-1] // mengambil elemen input terakhir.

    Web Proxy Viewer  |  New URL  |  Original Page