Wie Sie einen Wert aus einer Zelle extrahieren

December 10

Wie Sie einen Wert aus einer Zelle extrahieren

Web-Entwickler verwenden Tabellen, um komplexe Daten anzuzeigen. Eine Tabelle besteht aus Zeilen und Spalten; Diese Zeilen und Spalten erstellen eines Rasters, das Zellen enthält. Manchmal muss eine Web-Anwendung eine bestimmte Zelle untersuchen und andere Funktionen. Beispielsweise könnte der Code ausblenden die Zelle, seine Farbe zu ändern oder den Wert der Zelle extrahieren. Eine der schnellsten Möglichkeiten, um einen Wert aus einer Tabellenzelle zu extrahieren ist, JavaScript zu verwenden.

Anweisungen

1 Eine Ihrer HTML-Seiten mit dem Editor öffnen und das Dokument "Textabschnitt" dieser Text hinzufügen:

< Tabellen-Id = "MyTable" Border = "3" >

< tr >

< td Id = "c1.1" > </td >< rot td Id = "c1.2" > gelb </td >

</tr >

< tr >

< td Id = "c2.1" > </td >< blau td Id = "c2.2" > Green </td >

</tr >

< / table >

< Eingabe-Id = "SshowTableCellValue" Type = "Button" Wert "Tabelle Zellenwert anzeigen" onclick="showTableCellValue() =" / >< p >< / p >

Geben Sie die Nummer der Zeile < Eingabe-Id = "Zeile" Type = "Text" / >

Geben Sie die Anzahl von Zellen < Eingabe-Id = "Zelle" Type = "Text" / >

Dies erzeugt eine Tabelle mit zwei Zeilen und zwei Spalten. Dies führt zu vier Zellen. Jede Zelle enthält den Namen einer Farbe. Der Code erstellt außerdem eine Schaltfläche und zwei Textfelder zur Eingabe der Zeile und Spalte Werte. Diese Felder können Sie die Anwendung testen.

2 Fügen Sie den folgenden JavaScript-Code zum Abschnitt "Kopf" des Dokuments:

< Skript-Typ = "Text/Javascript" >

Funktion test() {}

Var ElTableRow = document.getElementById("somerow");

Var ElTableCells = elTableRow.getElementsByTagName("td");

Alert(elTableCells[0].InnerText);

}

Linie 1

Var TableID = "MyTable";

Funktion showTableCellValue() {}

Zeilen 3-4

Var RowChosen = Document.getElementById("Row").value - 1;

Var CellChosen = Document.getElementById("Cell").value -1;

Linien 5

Var ObjTable = document.getElementById(tableID);

Linie 6

Var SelectedValue = objTable.rows[rowChosen].cells[cellChosen].innerHTML;

Warnung ("Auswahl" + SelectedValue);

}

< / script >

Linie eins speichert die Tabellen-ID in der Variablen mit dem Namen "TableID." Drei Linien durch vier rufen die Zeile und Spalte Werte in die Textfelder ein. Zeile 5 Ruft einen Verweis auf die Tabelle und Zeile sechs extrahiert den Wert der ausgewählten Zelle.

3 Speichern Sie das HTML-Dokument, und öffnen Sie sie in Ihrem Browser, um die Tabelle anzuzeigen.

4 Geben Sie eine Zeilennummer in das Textfeld "Zeilennummer eingeben". Geben Sie eine Anzahl von Zellen in das Textfeld "Cell-Nummer eingeben".

5 "Zellenwert anzeigen" klicken. Der Code wird ausgeführt, und der Browser zeigt den Wert der Zelle, die Sie ausgewählt.

Tipps & Warnungen

  • Überprüfen Sie, ob der Wert für die "TableID" im JavaScript-Code festlegen die Tabellen-ID übereinstimmt, Sie Ihre Tabelle im Abschnitt "Körper" des HTML-Dokuments geben. In diesem Beispiel ist der Wert "MyTable." Verwenden Sie einen beliebigen Namen, den Ihnen gefallen.