Discussion :

[Invité]

Bonjour,

voici mon document html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<table name="test" id="test" width="100%">
  <tr>
    <td>
      <table>
        <tr>
          <td>hello</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

J'appel un fonction javascript pour ajouter des colonnes à la table incluse (je précise que je n'ai pas moyen de modifier cette table donc impossible de lui donner un id).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
    // table incluse
    var table = document.getElementById("test").rows[0].cells[0];
 
    var i;
    var j;
    var row;
    // parcours des lignes de cette table
    for (i = 1; i < table.rows.length; i++) {
        row = table.rows[i];
 
        // en début de ligne :
        row.insertCell(0).innerHTML = "<b>new col</b>";
    }

seulement j'obtiens une erreur javascript : Error: table.rows has no properties
pour le code table.rows.length !!

le contenu table.innerHTML est correcte.
Comment parser le contenu de mon td en dom ?

merci.

[Invité]

j'ai trouvé la solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
// HTMLTableElement
var table = document.getElementById("test").rows[0].cells[0].childNodes.item(1)

pour info j'ai aussi trouvé un site pas mal avec un javadoc des élément HTML : http://krook.org/jsdom/index.html