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

Recherche d'lments
FR

Nous souhaitons rendre ce projet open source disponible pour les gens du monde entier.

Aidez-nous traduire le contenu de ce tutoriel dans votre langue!

    Rechercher sur Javascript.info:
    Rechercher dans le tutoriel:
    Light themeDark theme
    DanskEnglishEspaolFranaisIndonesiaItalianoTrkeOzbek
    retour au cours

    Recherche d'lments

    importance: 4

    Voici le document avec le tableau et formulaire

    Comment trouver ?

    1. Le tableau avec id="age-table".
    2. Tous les lments label dans ce tableau (il devrait y en avoir 3).
    3. Le premier td dans ce tableau (avec le mot Age).
    4. Le form avec name="search".
    5. Le premier input dans ce formulaire.
    6. Le dernier input dans ce formulaire.

    Ouvrez la page table.html dans un onglet part et utilisez les outils du navigateur pour cela.

    solution

    Il existe plusieurs faons de faire : En voici quelques unes :

    // 1. Le tableau avec `id="age-table"`.
    let table = document.getElementById('age-table')
    
    // 2. Tous les lments 'label' dans le tableau
    table.getElementsByTagName('label')
    // ou
    document.querySelectorAll('#age-table label')
    
    // 3. Le premier td dans ce tableau (avec le mot "Age")
    table.rows[0].cells[0]
    // ou
    table.getElementsByTagName('td')[0]
    // ou
    table.querySelector('td')
    
    // 4. Le formulaire avec le nom "search"
    // en supposant qu'il n'y ait qu'un lment avec name="search" dans le document.
    let form = document.getElementsByName('search')[0]
    // ou spcifiquement un formulaire
    document.querySelector('form[name="search"]')
    
    // 5. Le premier input dans ce formulaire
    form.getElementsByTagName('input')[0]
    // ou
    form.querySelector('input')
    
    // 6. Le dernier input dans ce formulaire
    let inputs = form.querySelectorAll('input') // trouve tous les inputs
    inputs[inputs.length-1] // prend le dernier

    Web Proxy Viewer  |  New URL  |  Original Page