≪table> - element die N-te <td> innerHTML dynamisch
Gibt es trotzdem, ich kann das innerHTML des designierten nth <td> im <table> mit JavaSCript?
Da meine Tabelle automatisch generiert wird, mein <td>'s haben keine IDs. Ich bin mit dem folgenden HTML-code:
<table id="table">
<tr>
<td onmouseover="myTD()">Cell 1</td>
<td onmouseover="myTD()">Cell 2</td>
<td onmouseover="myTD()">Cell 3</td
</tr>
<tr>
<td onmouseover="myTD()">Cell 4</td>
<td onmouseover="myTD()">Cell 5</td>
<td onmouseover="myTD()">Cell 6</td>
</tr>
</table>
Aber wie kann der Zugriff, zum Beispiel, Zelle 5?
Vielen Dank!
InformationsquelleAutor Wagtail | 2012-07-06
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie klären, Wann (auf laden Sie auf die Maus, ...) und wo (client-Seite, server-Seite ...), die Sie tun wollen?
Wenn Sie die Zelle in myTD, benutzen Sie einfach die diese Stichwort,, die passiert werden Ihre HTMLTableCell:
Okay, ich brauche, um die .innerHTML des TD-element. Ich habe versucht, diese.innerHTML, aber es hat nicht funktioniert. Irgendwelche Ideen?
Ich habe es funktioniert. Aber ich hatte zu gehen (diese) durch den onmouseover="myTD(dies)" und die Funktion myTD (), um es an die Arbeit...
Welchen browser hast du es testen ?
InformationsquelleAutor Julien Ch.
Diese enthält alle Ihre Tabellenzellen. Verwenden Sie die array-Schreibweise, um Zugang zu einem speziellen:
Hier ist eine kurze demo, die änderungen der Hintergrundfarbe:
http://jsfiddle.net/jackwanders/W7RAu/
Du hast mich gerettet.
InformationsquelleAutor jackwanders
Nicht wissen, was Sie wollen - Dom: document.getElementsByTagName("table")[0].Zeilen[2].Zellen[1]
InformationsquelleAutor mplungjan
Übergeben Sie die Zelle wieder zu der Funktion:
<td onmouseover="myTD(this)">Cell 1</td>
Erhalten Sie die innerhtml-aus dem Objekt:
InformationsquelleAutor Gary M Hudman
Einfach mit CSS, die Sie tun könnten:
jsFiddle-Beispiel
InformationsquelleAutor j08691
InformationsquelleAutor machineghost
Diese Zeile:
Orte alle
td
Elemente in den code in eine null-basierte Arrays, also die Zelle 'Zelle 5' als Inhalt wäre das fünfte element des Arrays, dh:jQuery akzeptiert auch CSS-Selektoren, also, wenn Sie wollten, um das Ziel in jeder zweiten Zelle in einer Zeile verwenden Sie beispielsweise einen Selektor wie:
Lesen, durch den Selektor Unterlagen, die ich verlinkt hast, kann es sehr nützlich für Situationen wie diese
InformationsquelleAutor hellsgate
Ich habe keine Ahnung, was Sie versuchen zu tun, aber wenn Sie wollen, um irgendeine Art von "hover" Fähigkeit, jquery tun können, ganz einfach. ich habe ein Beispiel erstellt, Fiddle http://jsfiddle.net/fd3GK/1/
InformationsquelleAutor Dappergoat