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 " ;
< p > 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 ) ;
}
< p > < /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 .
|
