desarrolladores Web utilizan tablas para mostrar datos complejos. Una tabla consta de filas y columnas ; estas filas y columnas crean una cuadrícula que contiene células . A veces una aplicación web necesita examinar una célula específica y realizar otras funciones . Por ejemplo , el código podría ocultar la célula , cambiar su color o extraer valor de la celda . Una de las maneras más rápidas para extraer un valor de una celda de la tabla es el uso de JavaScript . Instrucciones 1
abrir una de sus páginas HTML con el Bloc de notas y añade este texto a la sección "body" del documento :
< table ID = frontera " myTable " = " 3 " >
Red < /td >
amarillo < /td >
< /tr >
Blue
< td id = > Green < /td < /tr >
tipo " C2.2 ">
< /table >
< input id = " SshowTableCellValue " = value " botón" " Mostrar tabla celda de valor " onclick = " showTableCellValue () ">
< /p >
entrada type = /Introducir número Row < id = " Row " = "text " />
Ingrese número de celular
Esto genera una tabla con dos filas y dos columnas . Esto produce cuatro células . Cada celda contiene el nombre de un color . El código también crea un botón y dos cuadros de texto para introducir valores de fila y columna . Estos cuadros de texto le permiten probar la aplicación 2
Añada el siguiente código de JavaScript en la sección "head" del documento : .
Line Solo tiendas Identificación de la tabla en la variable llamada " TableID . " Líneas de tres a cuatro recuperar los valores de fila y columna en los cuadros de texto . Línea de cinco recupera una referencia a la tabla y la línea de seis extrae el valor de la celda seleccionada . 3
Guarde el documento HTML y abrirlo en su navegador para ver la tabla . Página 4
Introduzca un número de fila en el cuadro de texto " Introducir número Row" . Introduzca un número de células en el campo "Introducir número de la célula " cuadro de texto. 5
Haga clic en el botón " Mostrar celular Valor". El código se ejecutará , y el navegador mostrará el valor de la celda seleccionada .