regresar a la lección

Buscar elementos

importancia: 4

Aquí está el documento con la tabla y el formulario.

¿Cómo encontrar?…

  1. La tabla con id="age-table".
  2. Todos los elementos labeldentro de la tabla (debería haber 3).
  3. El primer td en la tabla (con la palabra “Age”).
  4. El form con name="search".
  5. El primer input en ese formulario.
  6. El último input en ese formulario.

Abra la página table.html en una ventana separada y haga uso de las herramientas del navegador.

Hay muchas maneras de resolverlo.

Aquí hay algunas de ellas:

// 1. La tabla con `id="age-table"`.
let table = document.getElementById('age-table')

// 2. Todos los elementos `label` dentro de esa tabla
table.getElementsByTagName('label')
// or
document.querySelectorAll('#age-table label')

// 3. El primer `td` en la tabla (con la palabra "Age")
table.rows[0].cells[0]
// or
table.getElementsByTagName('td')[0]
// or
table.querySelector('td')

// 4. El `form` con name="search"
// suponiendo que sólo hay un elemento con name="search" en el documento
let form = document.getElementsByName('search')[0]
//o, utilizando el form específicamente
document.querySelector('form[name="search"]')

// 5. El primer input en el form.
form.getElementsByTagName('input')[0]
// o
form.querySelector('input')

// 6. El último input en el form.
let inputs = form.querySelectorAll('input') // encontrar todos los inputs
inputs[inputs.length-1] // obtener el último