Πώς να Απόσπασμα μια αξία από ένα κελί

Web προγραμματιστές χρησιμοποιούν πίνακες για την εμφάνιση πολύπλοκων δεδομένων . Ένας πίνακας αποτελείται από γραμμές και στήλες ? Αυτές σειρές και στήλες δημιουργούν ένα πλέγμα που περιέχει κύτταρα. Μερικές φορές μια εφαρμογή Web πρέπει να εξετάσει ένα συγκεκριμένο κελί και να εκτελέσει άλλες λειτουργίες . Για παράδειγμα , ο κώδικας μπορεί να κρύψει το κύτταρο , να αλλάξετε το χρώμα του ή να εξαγάγετε την αξία του κυττάρου . Ένας από τους γρηγορότερους τρόπους για να εξαγάγετε μια τιμή από ένα κελί πίνακα είναι η χρήση JavaScript . Οδηγίες
Η

1 Ανοίξτε μια από τις σελίδες HTML σας, χρησιμοποιώντας το Σημειωματάριο και να προσθέσετε αυτό το κείμενο στο τμήμα του εγγράφου "σώμα" :

< πίνακα id = " MyTable " border = " 3 " >

Red < /td > Κίτρινο < /td >

< /tr >

Μπλε < /td > < td id = " Γ.2.2 " > Πράσινο < /td >

< /tr >

< /table>

< id εισόδου = " SshowTableCellValue " τύπου = " κουμπί" value = " Εμφάνιση πίνακα Η τιμή του κελιού " onclick = " showTableCellValue ( ) " />

Εισάγετε τον αριθμό γραμμής < id = εισόδου τύπου " Σειρά " = " κείμενο " />

Εισάγετε τον αριθμό τηλεφώνου

Αυτό δημιουργεί έναν πίνακα με δύο γραμμές και δύο στήλες . Αυτό παράγει τέσσερα κελιά . Κάθε κελί περιέχει το όνομα ενός χρώματος . Ο κώδικας δημιουργεί επίσης ένα κουμπί και δύο πλαίσια κειμένου για την εισαγωγή τιμών γραμμών και στηλών . Αυτά τα πλαίσια κειμένου σας επιτρέπουν να δοκιμάσετε την εφαρμογή 2

Προσθέστε τον ακόλουθο κώδικα JavaScript στην ενότητα " κεφάλι" του εγγράφου σας : .

< Τύπος script = " text /javascript " >

δοκιμή λειτουργίας ( ) { var

elTableRow = document.getElementById ( " somerow ")?

var elTableCells = elTableRow.getElementsByTagName ( " td " ) ?

alert ( elTableCells [ 0 ] InnerText . ) ?

}

//Γραμμή 1

var αναγνωριστικό πίνακα = " MyTable " ?
< p> showTableCellValue λειτουργία () {

//Γραμμές 3-4

var rowChosen = document.getElementById ( "Σειρά ") αξία - 1 ? .

var cellChosen = . document.getElementById (" κινητό ") αξία -1 ?

//Γραμμές 5

var objTable = document.getElementById ( αναγνωριστικό πίνακα ) ?

//Γραμμή 6 < br >

var selectedValue = objTable.rows [ rowChosen ] κύτταρα [ cellChosen ] innerHTML ? . .

alert (" Επιλέξατε " + selectedValue ) ?

}
< p > < /script >

Γραμμή one αποθηκεύει ID του πίνακα στη μεταβλητή με το όνομα " αναγνωριστικό πίνακα . " Γραμμές τρία έως τέσσερα ανακτήσετε τις τιμές γραμμών και στηλών στα πλαίσια κειμένου . Γραμμή πέντε ανακτά μια αναφορά στο τραπέζι και η γραμμή έξι αποσπάσματα της αξίας του επιλεγμένου κελιού .
Εικόνων 3

Αποθηκεύστε το έγγραφο HTML και να το ανοίξετε στον browser σας για να δείτε τον πίνακα .
Φτηνές 4

Πληκτρολογήστε έναν αριθμό σειράς στο " Enter Row Αριθμός " κουτί κειμένου . Πληκτρολογήστε έναν αριθμό κυττάρων στο " Εισάγετε τον αριθμό τηλεφώνου " κουτί κειμένου .
5

Κάντε κλικ στο κουμπί " Εμφάνιση Value Κύτταρο» . Ο κωδικός θα τρέξει , και ο browser θα εμφανίσει την τιμή του κελιού που επιλέξατε .
Η
εικόνων