Obtenir des <table> élément nth <td> innerHTML dynamiquement

Est-il de toute façon je peux obtenir le innerHTML de la désignées n^ème <td> dans un <table> à l'aide de JavaSCript?

Depuis mon tableau est généré automatiquement, mon <td>'s n'avez pas les Identifiants. Je suis en utilisant le code HTML suivant:

<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>

Mais comment l'accès, par exemple, la Cellule 5?

Merci beaucoup!

OriginalL'auteur Wagtail | 2012-07-06

1

Pouvez-vous préciser quand (sur charge, sur le vol stationnaire, ...) et où (côté client, côté serveur ...) ce que vous voulez faire?

Si vous avez besoin de la cellule à l'intérieur de myTD, il suffit d'utiliser la ce mot-clé, qui se trouve être votre HTMLTableCell:
```
function myTD() {
   this.style.color="red"; //just for the example, using CSS classes is much better
}
```
Cela peut fonctionner!
Bon, j'ai besoin d'obtenir l' .innerHTML de la TD élément. J'ai essayé ce.innerHTML mais il ne fonctionne pas. Des idées?
Je l'ai eu à travailler. Mais j'ai eu à passer (ce) par le biais de la onmouseover="myTD(ce)" et la fonction myTD(ce) pour qu'il fonctionne...
Quel navigateur avez-vous tester avec ?

OriginalL'auteur Julien Ch.
12
```
var cells = document.getElementById('table').getElementsByTagName('td');
```
Cela va contenir l'ensemble de vos cellules de tableau. L'utilisation de la matrice de notation pour accéder à l'un spécifique:
```
cells[4]
```
Voici une petite démo qui change la couleur d'arrière-plan:

http://jsfiddle.net/jackwanders/W7RAu/

Super! Merci. Je vais l'essayer dès maintenant... N'avais pas pensé à cette solution simple 🙂
Vous m'avez sauvé.

OriginalL'auteur jackwanders
2

Pas sûr de ce que vous voulez - Dom: document.getElementsByTagName("table")[0].les lignes[2].les cellules[1]

OriginalL'auteur mplungjan
2

Passer à la cellule de retour de la fonction:

<td onmouseover="myTD(this)">Cell 1</td>

Obtenir le innerhtml de l'objet:
```
function myTD(obj) {
    alert(obj.innerHTML);
}
```
OriginalL'auteur Gary M Hudman
1

À l'aide seulement de CSS que vous pouvez faire:
```
#table tr:nth-child(2) td:nth-child(2)
{
    background:#ff0000;
}
```
jsFiddle exemple

OriginalL'auteur j08691

function addClassToNthTD(n) {
    var table = document.getElementById('table');

    for (var i = 0; i < table.childNodes.length; i++;) {
        var rows = table.childNodes[i];
        for (var j = 0; j < tr.childNodes.length; j++;) {
            n = n - 1;
            if (n == 0) {
                tr.childNodes[j].className = 'foo';
            }
        }
    }
}

OriginalL'auteur machineghost

1

Cette ligne:
```
$('td')
```
Place tous les td éléments dans le code dans un tableau de base zéro, de sorte que la cellule avec la Cellule de 5' que son contenu serait le cinquième élément de ce tableau, c'est à dire:
```
$('td')[4]
```
jQuery accepte aussi de style CSS sélecteurs, donc si vous voulez la cible à chaque seconde cellule dans une ligne, vous pouvez utiliser un sélecteur tels que:
```
$('tr td:nth-child(2)')
```
Lire le sélecteur de la documentation, je suis lié, il peut s'avérer très utile pour des situations de ce genre

OriginalL'auteur hellsgate
0

Je n'ai aucune idée de ce que vous essayez de faire, mais si vous voulez faire une sorte de "hover" capacité, jquery peut le faire assez simple. j'ai créé un exemple de Violon http://jsfiddle.net/fd3GK/1/

OriginalL'auteur Dappergoat

Vous devez vous connecter pour publier un commentaire.