Back to the lesson

Search for elements

importance: 4

Here’s the document with the table and form.

How to find?

  1. The table with id="age-table".
  2. All label elements inside that table (there should be 3 of them).
  3. The first td in that table (with the word “Age”).
  4. The form with the name search.
  5. The first input in that form.
  6. The last input in that form.

Open the page table.html in a separate window and make use of browser tools for that.

There are many ways to do it.

Here are some of them:

// 1. The table with `id="age-table"`.
let table = document.getElementById('age-table')

// 2. All label elements inside that table
table.getElementsByTagName('label')
// or
document.querySelectorAll('#age-table label')

// 3. The first td in that table (with the word "Age").
table.rows[0].cells[0]
// or
table.getElementsByTagName('td')[0]
// or
table.querySelector('td')

// 4. The form with the name "search".
// assuming there's only one element with name="search"
let form = document.getElementsByName('search')[0]
// or, form specifically
document.querySelector('form[name="search"]')

// 5. The first input in that form.
form.getElementsByTagName('input')
// or
form.querySelector('input')

// 6. The last input in that form.
// there's no direct query for that
let inputs = form.querySelectorAll('input') // search all
inputs[inputs.length-1] // take last