Holen Sie sich letzten Zeile der Tabelle Attribut

var table = document.getElementById(table1);
var lastRow = table.rows.length;

var country = lastRow.getElementById('Country');
country.setAttribute('class', "Country"+lastRow);

Im ziemlich neu und ich Frage mich, ob das möglich ist?

Statt 

var Country= document.getElementById('Country');

Wie ich andere id=Land, denn ich bin das hinzufügen von neuen Zeilen..

BEARBEITEN

Ich weiß ID, die einzigartig sind. Aber ich bin das Klonen der letzten Zeile, so wird natürlich die IDs alle gleich sein.

  • Sie sollten nicht die gleiche ID mehr als einmal auf den HTML-Code! Die Verwendung einer Klasse statt.
  • "As I have other id=Country" du sollte nicht haben Sie alle doppelten ids; ein id muss eindeutig im Dokument.
  • sind Sie mit prototype oder jquery (oder auch nicht)?
  • Haben Sie versucht, läuft dieser code? Der code, den Sie eingefügt wird keinen Fehler werfen. Tabelle.Zeilen.Länge ist ein integer-Wert, so kann man das auch nicht nennen getElementById auf lastRow.
  • Es spielt keine Rolle, ob Sie sind, nur, dass Sie haben werden.
InformationsquelleAutor LandY | 2012-03-07
  1. 1

    Einer ID in einem HTML-Dokument einmalig ist. Daher gibt es keine Notwendigkeit zu tun, sub-Abfragen, um die Elemente. Stattdessen verwenden Sie immer document.getElementById('Country')

    • id ' s müssen eindeutig sein. Wenn Sie nicht dann werden Sie viele andere Probleme
    • Ich habe - $('#Tabelle tr:last').clone(true).appendTo('#Tabelle')
    • Aber ich möchte zu ändern 3 textfield-Boxen Attribute vor geklont
    • es ist wahrscheinlich am besten zu entfernen die ID Klonen und dann wieder die ID des original-DOM-element
    • wiederherstellen id einzelnen?
    • im Grunde entfernen Sie die id, Klon es 3 mal, und dann setzen Sie die id auf die ursprüngliche Letzte Zeile wieder der Wert, den Sie gerade entfernt

    InformationsquelleAutor JaredPar
  2. 9

    Die Letzte Zeile einer Tabelle zugegriffen werden kann, von der rows-Eigenschaft.

    var lastRow = table.rows[ table.rows.length - 1 ];

    Aber ich denke, es gibt einige Verwirrung darüber, was genau Sie für Fragen.

    InformationsquelleAutor mwcz
  3. 2

    Hier ist, wie implizit in die Letzte Zelle. Beachten Sie, dass Sie verweisen können, einen bestimmten Gegenstand in die Zeilen oder Zellen-array mithilfe der eckigen Klammer notation, und dass durch die Indizierung von arrays beginnen bei 0 Sie müssen subtrahieren Sie 1 von der Länge als letzten gültigen index.

    In diesem Beispiel zeigen, Fällen einige der Dinge, die Sie tun können:

    <!DOCTYPE html>
<html>

<head>
<title>Table test</title>

<script language="javascript" type="text/javascript">

function init() {

var table = document.getElementById("table1");

var lastRowIndex = table.rows.length-1;

var lastCellIndex = table.rows[lastRowIndex].cells.length-1;

alert( table.rows[lastRowIndex].cells[lastCellIndex].innerHTML ); //alerts the cell's containing HTML, or 9

var lastCell = table.rows[lastRowIndex].cells[lastCellIndex]; //contains a reference to the last cell

}



window.onload = init;
</script>

</head>

<body>


<table id="table1">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>


</body>

</html>

    Angenommen, Sie hätten eine beliebige Tabelle mit 8 Spalten und 4 Zeilen, wie im folgenden Beispiel, und wollte die Zelle in Spalte 5 und Zeile 3 zu bekommen, dass die Zelle, die Sie wollen, um zu packen eine Referenz auf die Tabelle (wie durch getElementById) und wählen Sie dann in der richtigen Zeile und Spalte durch rows und cells sicherstellen, subtrahieren Sie 1 aufgrund von arrays die Indizierung, beginnend bei 0. Siehe dieses Beispiel:

    <!DOCTYPE html>
<html>

<head>
<title>Table test</title>

<script language="javascript" type="text/javascript">

function init() {

var table = document.getElementById("table1");

var column5Row3 = table.rows[2].cells[4]; //contains a reference to the cell that is in the 3rd row, and 5th column

alert( column5Row3.innerHTML ); //alerts that cell's innerHTML (or Y)

}



window.onload = init;
</script>

</head>

<body>


<table id="table1">
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>2</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr>
<tr><td>3</td><td>x</td><td>x</td><td>x</td><td>Y</td><td>x</td><td>x</td><td>x</td></tr>
<tr><td>4</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr>
</table>


</body>

</html>
    InformationsquelleAutor user17753
  4. 2

    Ich denke, der beste Weg, dies zu tun ist :

    var lastTr = document.getElementById('tabRecapCommande').lastElementChild.lastElementChild;

    mit document.getElementById('tabRecapCommande') Rücksendung der <table>
    document.getElementById('tabRecapCommande').lastElementChild. Rücksendung der <tbody>
    document.getElementById('tabRecapCommande').lastElementChild.lastElementChild der letzten <tr> des <tbody>

    wenn Sie console.log(lasTr) sehen Sie Ihre letzten <tr> element 🙂

    InformationsquelleAutor aliouneOnePoint
Schreibe einen Kommentar