Cómo extraer un valor de una celda

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 : .

< Script type = "text /javascript ">
test

function () { var

elTableRow = document.getElementById ( " somerow ");

var elTableCells = elTableRow.getElementsByTagName ( " TD ");
alerta

( elTableCells [ 0 ] innerText . ) ;

}

//Línea 1

TableID var = " myTable " ;
< p> showTableCellValue función () {

//Líneas 3-4

rowChosen var = document.getElementById ( " Row" ) Valor - 1 , .

var cellChosen = . document.getElementById ( "Cell" ) el valor -1 ;

//Líneas 5

objTabla var = document.getElementById ( TableID ) ;

//Línea 6

var SelectedValue = objTable.rows [ rowChosen ] células [ cellChosen ] innerHTML , . .
alerta

( " Ha seleccionado" + SelectedValue ) ;

}
< p > < /script >

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 .