Tabelle insertRow, deleteRow Definition und Verwendungszusammenfassung_Javascript-Kenntnisse

Wie viele Zeilen hat die Tabelle: var trCnt = table.rows.length; (table is Id)

Wie viele Spalten hat jede Zeile: for (var i=0; itable.rows [i].cells.length;

Javascript-Operationstabelle:

insertRow(), deleteRow(), insertCell(), deleteCell() Methode

table.insertRow( ) ist unter IE kein Problem, aber unter Firefox muss es in table.insertRow(-1)
Ähnlich geändert werden, ebenso muss auch die entsprechende insertCell() in insertCell(-1)
< geändert werden 🎜>insertRow()-Methode

Definition und Verwendung

insertRow()-Methode wird verwendet, um eine neue Zeile an der angegebenen Position in der Tabelle einzufügen.

Syntax

tableObject.insertRow(index)

Rückgabewert

Gibt eine TableRow zurück, die die neu eingefügte Zeile darstellt.

Beschreibung

Diese Methode erstellt ein neues TableRow-Objekt, das ein neues -Tag darstellt, und fügt es an der angegebenen Position in die Tabelle ein.

Die neue Zeile wird vor der Zeile am Index eingefügt. Wenn der Index gleich der Anzahl der Zeilen in der Tabelle ist, wird die neue Zeile am Ende der Tabelle angehängt.

Wenn die Tabelle leer ist, wird die neue Zeile in einen neuen -Abschnitt eingefügt, der wiederum in die Tabelle eingefügt wird.

Wirft

Wenn der Parameterindex kleiner als 0 oder größer oder gleich der Anzahl der Zeilen in der Tabelle ist, löst diese Methode eine DOMException-Ausnahme mit dem Code INDEX_SIZE_ERR aus.

Beispiel

Code kopieren Der Code lautet wie folgt:

< html>
< head> )
}
< /head> 🎜>
;/td>
< td>
< br /> "button" onclick="insRow()"
value="Neue Zeile einfügen"> deleteCell()

Definition und Verwendung

Die Methode deleteCell() wird zum Löschen von Zellen (-Elementen) in Tabellenzeilen verwendet.

Syntax

tablerowObject.deleteCell(index)

Beschreibung

Der Parameterindex ist die Position der Tabellenzelle, die in der Zeile gelöscht werden soll.

Diese Methode löscht das Tabellenelement an der angegebenen Position in der Tabellenzeile.

Wirft

Wenn der Parameterindex kleiner als 0 oder größer oder gleich der Anzahl der Tabellenelemente in der Zeile ist, löst diese Methode eine DOMException mit dem Code INDEX_SIZE_ERR aus.

Beispiel

Code kopieren


Der Code lautet wie folgt:


< html>
< head> )
}
< /head> 🎜>
;/td>
< td>
< br /> "button" onclick="delRow()"
value="Erste Zeile löschen">
insertCell()

Definition und Verwendung Die Methode

insertCell() wird verwendet, um ein leeres -Element an einer angegebenen Position in einer Zeile einer HTML-Tabelle einzufügen.

Syntax

tablerowObject.insertCell(index)

Rückgabewert

Ein TableCell-Objekt, das das neu erstellte und eingefügte -Element darstellt.

Beschreibung

Diese Methode erstellt ein neues -Element und fügt es an der angegebenen Position in die Zeile ein. Die neue Zelle wird vor der Zelle eingefügt, die sich derzeit an der durch den Index angegebenen Position befindet. Wenn der Index gleich der Anzahl der Zellen in der Zeile ist, wird die neue Zelle am Ende der Zeile angehängt.

Bitte beachten Sie, dass mit dieser Methode nur -Datentabellenelemente eingefügt werden können. Wenn Sie einer Zeile ein Header-Element hinzufügen müssen, müssen Sie ein -Element mit der Methode Document.createElement() und der Methode Node.insertBefore() (oder verwandten Methoden) erstellen und einfügen.

Wirft

Wenn der Parameterindex kleiner als 0 oder größer oder gleich der Anzahl der Tabellenelemente in der Zeile ist, löst diese Methode eine DOMException mit dem Code INDEX_SIZE_ERR aus.

Beispiel

Code kopieren Der Code lautet wie folgt:

< html>
< head> insertCell(0 )
x.innerHTML="John"
< /head> border=" 1">< tr id="tr1"> tr>
< /tr> < /table>
< br /> ;
< /html>



Definition und Verwendung

Die Methode deleteCell() wird zum Löschen von Zellen in Tabellenzeilen verwendet (< ;td> ;-Element).

Syntax

tablerowObject.deleteCell(index)

Beschreibung

Der Parameterindex ist die Position der Tabellenzelle, die in der Zeile gelöscht werden soll.

Diese Methode löscht das Tabellenelement an der angegebenen Position in der Tabellenzeile.

Wirft

Wenn der Parameterindex kleiner als 0 oder größer oder gleich der Anzahl der Tabellenelemente in der Zeile ist, löst diese Methode eine DOMException mit dem Code INDEX_SIZE_ERR aus.

Beispiel




Code kopieren


Der Code lautet wie folgt:


< html>
< head> )
< /script> id="tr1">Vorname > ;
< input type="button"="delCell()" value="Delete cell"> 🎜>
Anwendung im Projekt:




Code kopieren

Der Code lautet wie folgt: