Buscar elementos
importancia: 4
Aquí está el documento con la tabla y el formulario.
¿Cómo encontrar?…
- La tabla con
id="age-table"
. - Todos los elementos
label
dentro de la tabla (debería haber 3). - El primer
td
en la tabla (con la palabra “Age”). - El
form
conname="search"
. - El primer
input
en ese formulario. - 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