Come estrarre un valore da una cella

sviluppatori Web utilizzano le tabelle per visualizzare i dati complessi. Una tabella consiste di righe e colonne ; queste righe e colonne creano una griglia contenente cellule. A volte un'applicazione Web deve esaminare una cella specifica ed eseguire altre funzioni . Per esempio, il codice potrebbe nascondere la cellula , cambiare il colore o estrarre il valore della cella . Uno dei modi più veloci per estrarre un valore da una cella di una tabella è quello di utilizzare JavaScript . Istruzioni
1

aprire una delle tue pagine HTML utilizzando il Blocco note e aggiungere questo testo alla sezione "corpo" del documento :

< id = table border " myTable " = " 3 " >

Rosso < /td> Giallo < /td >

< /tr>

Blu < /td > < td id = " C2.2 " > Green < /td >

< /tr>

< /table

< ingresso id = tipo > " SshowTableCellValue " = valore di " pulsante " = " Mostra tabella il valore della cella " onclick = " showTableCellValue ( ) " >

Inserisci numero di riga di input id = "Riga" tipo /< = "testo" />

Inserisci numero di cellule

Questo genera una tabella con due righe e due colonne . Questo produce quattro celle . Ciascuna cella contiene il nome di un colore . Il codice crea anche un pulsante e due caselle di testo per l'immissione di valori di riga e di colonna . Queste caselle di testo consentono di testare l'applicazione
2

Aggiungere il seguente codice JavaScript per la sezione "testa" del documento : .

Tipo di script < = "text /javascript ">
test

function () { var

elTableRow = document.getElementById ( " somerow " ) ;

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

( elTableCells [ 0 ] innerText . ) ;

}

//Linea 1

TableID var = " myTable " ;

funzione showTableCellValue ( ) {

/valore /Linee 3-4

rowChosen var = document.getElementById ( "Riga" ) - 1; .

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

//Linee 5

objTable var = document.getElementById ( TableID ) ;

//Linea 6

var SelectedValue = objTable.rows [ rowChosen ] cellule [ cellChosen ] innerHTML ; . .

alert ( " Si è selezionato" + SelectedValue ) ;

}

< /script>

linea uno magazzini ID della tabella nella variabile denominata " TableID . " Linee tre a quattro recuperare la riga e valori delle colonne nelle caselle di testo . Linea cinque recupera un riferimento alla tabella e la linea sei estrae il valore della cella selezionata .
3

Salvare il documento HTML e aprirlo nel browser per visualizzare la tabella .

4

Immettere un numero di riga nella casella di testo " Inserisci numero Row" . Inserire un numero di cellulare in "Enter cella numero di " casella di testo .
5

Fare clic sul pulsante "Mostra il valore della cella " . Il codice verrà eseguito , e il browser visualizzerà il valore della cella selezionata .