Web -Entwickler nutzen , um komplexe Tabellen Daten anzuzeigen. Eine Tabelle besteht aus Zeilen und Spalten , wobei diese Zeilen und Spalten erzeugen ein Raster, das Zellen enthält. Manchmal ist eine Web -Anwendung muss eine bestimmte Zelle zu untersuchen und andere Funktionen ausführen . Zum Beispiel könnte der Code verstecken Sie die Zelle , die Farbe ändern oder extrahieren Sie den Wert der Zelle . Einer der schnellsten Wege, um einen Wert aus einer Tabellenzelle extrahieren , JavaScript zu verwenden . Anleitung
1

öffnen eine Ihrer HTML-Seiten mit dem Editor und fügen Sie diesen Text des Dokuments "body "-Abschnitt :

< /tr>

< td id = " C2.2 " > Green

< /tr>

< /table>

Geben Row Anzahl

Geben Cell Number

Dies erzeugt eine Tabelle mit zwei Zeilen und zwei Spalten . Dies erzeugt vier Zellen . Jede Zelle enthält den Namen einer Farbe. Der Code erstellt außerdem einen Knopf und zwei Textfelder für die Eingabe von Zeilen-und Spaltenwerte . Diese Textfelder können Sie die Anwendung testen
2

Fügen Sie den folgenden JavaScript-Code, der " Kopf"-Abschnitt des Dokuments : .

< Script type = " text /javascript " >

Funktion test () { var

elTableRow = document.getElementById (" somerow ");

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

alert ( elTableCells [0] innerText . );

}

//Line 1 of

var TableID = " myTable ";
< p> Funktion showTableCellValue () {

//Lines 3-4

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

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

//Lines 5

var objTable = document.getElementById ( TableID );

//line 6

var selectedValue = objTable.rows [ rowChosen ] Zellen [ cellChosen ] innerHTML ; . .

alert (" Sie haben" + selectedValue ); }

< p >

Linie speichert man der Tabelle ID in der Variable mit dem Namen " TableID . " Linien drei und vier Abrufen der Zeile und Spalte Werte in die Textfelder ein. Linie fünf ruft einen Verweis auf den Tisch und Reihensechszylinder Extrakte der Wert der ausgewählten Zelle .
3

Speichern Sie die HTML-Dokument und öffnen Sie es in Ihrem Browser um die Tabelle anzuzeigen.

4

Geben Sie die Nummer der Zeile in der "Enter Row Nummer " Textfeld . Bitte geben Sie eine Zellzahl in der "Enter Cell Number " Textfeld .
5

Klicken Sie auf die "Show Handy Value" -Taste. Der Code wird ausgeführt , und der Browser wird der Wert der ausgewählten Zelle anzuzeigen.

Red	Gelb
Blau