如何循环表格

try
----------------------------------------
<table id=tblSite width=100%>
  <tr onClick="HighLightTR('#c9cc99','cc3333');">
      <td id=locnumber align=center>1167</td>
      <td align=center>aaa</td>　　　　　　　
      <td align=center>31</td>　　　　　　
  </tr>
  <tr onClick="HighLightTR('#c9cc99','cc3333');">
      <td id=locnumber align=center>1167</td>
      <td align=center>bbb</td>
      <td align=center>41</td>　　　　　　
  </tr>
  <tr onClick="HighLightTR('#c9cc99','cc3333');">
      <td id=locnumber align=center>1167</td>
      <td align=center>ccc</td>
      <td align=center>51</td>　　　　　　
  </tr>
</table><script language="javascript">
var table = document.getElementById("tblSite");
for(var i=0;i<table.rows.length;i++){
for(var j=0;j<table.rows[i].cells.length;j++){
alert(table.rows[i].cells[j].innerText);
}
}
</script>

解决方案 »

  1.   

    另外一种实现方式
    比上面这个烦~
    不过,也可以看看~
    <script>
    function HighLightTR(c1,c2){
    //....
    }function GetValue()
    {
    var oTb = document.getElementById("tblSite");
    for(i=0;i<oTb.childNodes[0].childNodes.length;i++)
    {
    for(j=0;j<oTb.childNodes[0].childNodes[i].childNodes.length;j++)
    {
    if(oTb.childNodes[0].childNodes[i].childNodes[j].tagName.toLowerCase()=="td")
    alert(oTb.childNodes[0].childNodes[i].childNodes[j].innerText);
    }
    }
    }
    </script>
    <table id="tblSite" width=100%>
      <tr onClick="HighLightTR('#c9cc99','cc3333');">
          <td id=locnumber align=center>1167</td>
          <td align=center>aaa</td>　　　　　　　
          <td align=center>31</td>　　　　　　　　　　　　　
      </tr>
      <tr onClick="HighLightTR('#c9cc99','cc3333');">
          <td id=locnumber align=center>1167</td>
          <td align=center>bbb</td>
          <td align=center>41</td>　　　　　　　　　
      </tr>
      <tr onClick="HighLightTR('#c9cc99','cc3333');">
          <td id=locnumber align=center>1167</td>
          <td align=center>ccc</td>
          <td align=center>51</td>
      </tr>
    </table>
    <input type="button" value="GetValue" onClick="GetValue();">
      

  2.   

    <SCRIPT LANGUAGE="JavaScript" for=tblSite event=onclick>
    <!--
    var aa=document.getElementsByTagName("tr");
        for(var i=0;i<aa.length;i++){
    alert(aa[i].children[2].innerText)
    }
    //-->
    </SCRIPT>
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript" for=tblSite event=onclick>
    <!--
    var aa=document.getElementsByTagName("tr");
        for(var i=0;i<aa.length;i++){
    alert(aa[i].children[2].innerText)
    }
    //-->
    </SCRIPT>
    </HEAD><BODY >
    <table id=tblSite width=100%>
      <tr>
          <td id=locnumber align=center>1167</td>
          <td align=center>bbb</td>
          <td align=center>31</td>　　　　　　　　　　
      </tr>
      <tr>
          <td id=locnumber align=center>1167</td>
          <td align=center>ccc</td>
          <td align=center>41</td>　　　　　　　　
      </tr>
       <tr>
          <td id=locnumber align=center>1167</td>
          <td align=center>ccc</td>
          <td align=center>51</td>　　　　　　　　
      </tr>
    </table></BODY>
    </HTML>