Javascript, wie kann ich auf ein bestimmtes Kind einer Zeile zugreifen?

Question

Mit Javascript, wie kann ich auf ein bestimmtes Kind einer Reihe zugreifen? Javascript (nicht jQuery bitte).

z.B .: zweiten <TD> von <TR> wo ID = id33322010100167

<table> 
<tr id="id33322010100167"> 
<td>20101001</td> 
<td>918</td> 
<td>919</td> 
<td>67</td> 
<td>CAR PROBLEM</td> 
</tr> 
<tr id="id33322010100169"> 
<td>20102001</td> 
<td>913</td> 
<td>914</td> 
<td>62</td> 
<td>LUNCHTIME</td> 
</tr> 
<table> 

Answer 1

var index = 1; // second element 
var child = document.getElementById('id33322010100167').childNodes[index] 

Answer 2

Verwendung der DOM Sie den Tisch bekommen und dann über die untergeordneten Elemente durchlaufen, während Zählung zu halten.

Natürlich sollen Element-IDs eindeutig sein, damit document.getElementById('id') funktioniert.

Answer 3

Verwendung jQuery:

first = $('#id33322010100167 td:first'); // gives you the first td of the tr with id id33322010100167 
last = $('#id33322010100167 td:last'); // gives you the last td of the tr with id id33322010100167 

können Sie als nächstes verwenden() durch die Elemente iterieren

first.next(); 

Answer 4

Zuverlässigstes ist die cells Sammlung, die im Gegensatz zu childNodes in Nicht-IE-Browsern ignoriert Whitespace-Textknoten zwischen Zellen:

var td = document.getElementById("id33322010100167").cells[1]; 

Answer 5

Vielleicht können Sie versuchen, diese:

var tRow = document.getElementById("tableName").getElementsByTagName("tr"); 

for(var i = 0; i < tRow.length; i++){ 
    if(tRow[i].id == "name of your id"){ 
     //do something 
    } 
}