Question

<table cellpadding="1" cellspacing="1" id="member"><thead>
<tr>
<th>&nbsp;</th>
<th>Gracz</th>
<th>Ludność</th>
<th>Osady</th><th>&nbsp;</th></tr></thead><tbody><tr>
    <td class="ra">1.</td><td class="pla"><a href="spieler.php?uid=5473">rafal12</a></td><td class="hab">8801</td>
    <td class="vil">12</td><td class="on"><img class="online2" src="img/x.gif" title="Logował(a) się w ciągu ostatnich 24 godzin" alt="Logował(a) się w ciągu ostatnich 24 godzin" /></td></tr><tr>
    <td class="ra">2.</td><td class="pla"><a href="spieler.php?uid=3136">rspboss</a></td><td class="hab">7131</td>
    <td class="vil">11</td><td class="on"><img class="online2" src="img/x.gif" title="Logował(a) się w ciągu ostatnich 24 godzin" alt="Logował(a) się w ciągu ostatnich 24 godzin" /></td></tr><tr>
    <td class="ra">57.</td><td class="pla"><a href="spieler.php?uid=762">zxcv</a></td><td class="hab">1670</td>
    <td class="vil">4</td><td class="on"><img class="online1" src="img/x.gif" title="teraz on-line" alt="teraz on-line" /></td></tr><tr>
.... and so on...

That’s sample of html table that I want to collect data from. What I want to retrive are values inside img tags inside this table and make list of them. How can I get that value?

How can I say if img class was online1 or online2?

Any help is welcome

PS: it would be great, if someone would be so nice, to guide me how to make list of them and put it into XMLHttpRequest

Answer 1

//Find all the images that are inside the tbody of the table with the id member
oImages = document.getElementById("member").getElementsByTagName("tbody")[0].getElementsByTagName("img");
//Create an array that will contain refrences for all the img tags
aImages = [];
//go through all of the images, check their class, and append them to
//the array if the class match
for(i-0; i<oImages.length; i++){
  if(oImages[i].className == "online1") aImages.push(oImages[i]);
}