js获取table中的数据

 <table id="pictable" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
      <tr>
        <td id="picsmall" width="298"><img src="http://img1.gtimg.com/0/92/9293/929383_200x200_0.jpg" border="0"/></td>
        <td id="picbig" width="298"><img src="http://img1.gtimg.com/0/92/9293/929376_550x550_0.jpg" border="0"/></td>
        </td>
        <td id="tit" width="298">俄罗斯卡拉恰伊湖1</td>
        <td id="txt" width="298">9、俄罗斯卡拉恰伊湖。卡拉恰伊湖是地球上污染最严重的湖，这里曾是前苏联倾倒核废料地区。湖区附近辐射强度异常之高，在附近站一个小时就会中毒死亡。(宇桓)</td>
      </tr>
    </tbody>
 </table>  

 如果想要在js中获取table中的若干数据该如何获取：

var t=document.getElementById("pictable");
var rl= t.rows.length;
for (i=0;i<rl;i++) {
 var picsmall=t.rows[i].cells[0].getElementsByTagName("img")[0].getAttribute('src');
 var picbig=t.rows[i].cells[1].getElementsByTagName("img")[0].getAttribute('src');
var tit=t.rows[i].cells[2].innerHTML;
var txt=t.rows[i].cells[3].innerHTML;
}

 

 其中前两个变量是获取td中img标签的src的值。

后两个是直接获取td中的内容