javascript, how can I access a specific child of a row?

Question

using javascript, how can I access a specific child of a row? javascript (not jquery please) eg: second of where 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

Using the DOM you can get the table and then iterate over the child elements while keeping count.

Of course element ids are supposed to be unique so that document.getElementById('id') works.

Answer 2

Use 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 

you may use next() to iterate through the elements

first.next();

Answer 3

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

Answer 4

Most reliable is the cells collection, which unlike childNodes in non-IE browsers will ignore whitespace text nodes between cells:

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

Answer 5

Maybe you can try this:

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