帮我看看如何取table中这些的tds


<table id='table1'>
<tr>
  <td name="text1">text1 </td>
  <td name="text2">text2 </td>
  <td name="text3">text3</td>
  <td name="text1">text1 </td>
  <td name="text2">text2 </td>
  <td name="text3">text3 </td>
</tr>
<tr>
  <td name="text1">text1 </td>
  <td name="text2">text2 </td>
  <td name="text3">text3 </td>
  <td name="text1">text1</td>
  <td name="text2">text2</td>
  <td name="text3">text3</td>
</tr> 
</table>请高手帮我写3个函数：
1.如何获取上面表格中名为text1的所有td的value
function  f1（var tableid){ ？？？？}2.如何获取上面表格中第i行row中名为text1的所有td的value
function  f2(var tableid,var i){ ？？？？}3.如何获取上面表格中第i列col中名为text1的所有td的value
function  f2(var tableid,var i){ ？？？？}

解决方案 »

  1.   


    function(f1){
     var value=[]
                       var tb=document.getElementById("table1");
                       var td=tb.getElementsByTagName("td");
                       for(i=0;i<td.length;i++){
                         if(td[i].name=="text1"){
                           value[value.length]=td[i].innerText;
                         } 
                       }
                       alert(value)
                    }
    }
      

  2.   

    错，是function f1(){
                 var value=[]
                       var tb=document.getElementById("table1");
                       var td=tb.getElementsByTagName("td");
                       for(i=0;i<td.length;i++){
                         if(td[i].name=="text1"){
                           value[value.length]=td[i].innerText;
                         } 
                       }
                       alert(value)
                    }
    }
      

  3.   

    function f1(tabId)
    {
    var obj = document.getElementById(tabId).getElementsByTagName("td");
    for(i = 0;i < obj.length;i++)
    {
    if(obj[i].name == "text1") alert(obj[i].innerHTML);
    }
    }
      

  4.   


    <html>
        <head>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
            <META http-equiv="Content-Style-Type" content="text/css">
            <script language="javascript">
                function f1(){
                var value=[]
                var tb=document.getElementById("table1");
                  var td=tb.getElementsByTagName("td");
                       for(i=0;i<td.length;i++){
                         if(td[i].name=="text1"){
                           value[value.length]=td[i].innerText;
                         } 
                       }
                       alert(value)
                }
                function f2(row){
                var tb=document.getElementById("table1");
                var tr=tb.rows[row];
                var value=[]
                  var td=tr.getElementsByTagName("td");
                       for(i=0;i<td.length;i++){
                           value[value.length]=td[i].innerText;
                       }
                       alert(value)
                }
                function f3(col){
                   var tb=document.getElementById("table1");
                var tr=tb.rows[1].col[1];
                alert(tr.innerHTML)
                }
            </script>
        </head>
        <body>
          <table id='table1'>
    <tr>
      <td name="text1">text1 </td>
      <td name="text2">text2 </td>
      <td name="text3">text3</td>
      <td name="text1">text1 </td>
      <td name="text2">text2 </td>
      <td name="text3">text3 </td>
    </tr>
    <tr>
      <td name="text1">text1 </td>
      <td name="text2">text2 </td>
      <td name="text3">text3 </td>
      <td name="text1">text1</td>
      <td name="text2">text2</td>
      <td name="text3">text3</td>
    </tr> 
    </table>
    <div><input type=button value=f1 onclick=f1()><input type=button value=f2 onclick=f2(1)><input value=f3 type=button onclick=f3(1)></div>
        </body>
    </html>
      

  5.   

    2.如何获取上面表格中第i行row中名为text1的所有td的value ：
    function f2(tabId,i)
    {
    var obj = document.getElementById(tabId).rows[i].getElementsByTagName("td");
    for(i = 0;i < obj.length;i++)
    {
    if(obj[i].name == "text1") alert(obj[i].innerHTML);
    }
    }
      

  6.   

    全方法<html>
        <head>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
            <META http-equiv="Content-Style-Type" content="text/css">
            <script language="javascript">
                function f1(tid){
                var value=[]
                var tb=document.getElementById(tid);
                  var td=tb.getElementsByTagName("td");
                       for(i=0;i<td.length;i++){
                         if(td[i].name=="text1"){
                           value[value.length]=td[i].innerText;
                         } 
                       }
                       alert(value)
                }
                function f2(tid,row){
                var tb=document.getElementById(tid);
                var tr=tb.rows[row];
                var value=[]
                  var td=tr.getElementsByTagName("td");
                       for(i=0;i<td.length;i++){
                           value[value.length]=td[i].innerText;
                       }
                       alert(value)
                }
               function f3(tid,col){
                   var value=[];
                   var tb=document.getElementById(tid);
                   var rowlen=tb.rows.length;
                   for(var i=0;i<rowlen;i++){
                        var tr=tb.rows[i];
                         var td=tr.getElementsByTagName("td");
                        value[value.length]=td[col-1].innerText;
                        }
                      alert(value)
                }
            </script>
        </head>
        <body>
          <table id='table1'>
    <tr>
      <td name="text1">text1 </td>
      <td name="text2">text2 </td>
      <td name="text3">text3</td>
      <td name="text1">text1 </td>
      <td name="text2">text2 </td>
      <td name="text3">text3 </td>
    </tr>
    <tr>
      <td name="text1">text1 </td>
      <td name="text2">text2 </td>
      <td name="text3">text3 </td>
      <td name="text1">text1</td>
      <td name="text2">text2</td>
      <td name="text3">text3</td>
    </tr> 
    </table>
    <div><input type=button value=f1 onclick=f1("table1")><input type=button value=f2 onclick=f2("table1",1)><input value=f3 type=button onclick=f3("table1",1)></div>
        </body>
    </html>
      

  7.   

    3.如何获取上面表格中第i列col中名为text1的所有td的value ：
    function f3(tabId,iCell)
    {
    var obj = document.getElementsByTagName("td");
    for(i = 0;i < obj.length;i++)
    {
    if(obj[i].name == "text1" && obj[i].cellIndex == iCell) alert(obj[i].innerHTML);
    }
    }
      

  8.   

    其实一个方法就OK了
    function  f1(tableid){return getResult(document.getElementById(tableid).rows);} 
    function  f2(tableid, i){return getResult([document.getElementById(tableid).rows[i-1]]);} 
    function  f3(tableid, i){return getResult(document.getElementById(tableid).rows, i);} 
    function getText(obj) { return document.all ? obj.innerText : obj.textContent;}function getResult(rows, columns) {
    var result = [];
    for (var i = 0; i < rows.length; i++) {
    var cells = columns ? [rows[i].cells[columns - 1]] : rows[i].cells;
    for (var j = 0; j < cells.length; j++) {
    if (cells[j].getAttribute("name") == "text1")
    result.push(getText(cells[j]));
    }
    }
    return result;
    }alert(f1("table1")); // 获取上面表格中名为text1的所有td的value 
    alert(f2("table1", 1)); // 获取上面表格中第i行row中名为text1的所有td的value
    alert(f3("table1", 4)); // 获取上面表格中第i列col中名为text1的所有td的value 
      

  9.   


    <script>
    function getContent(strName,r, c){
      var oTbl=document.getElementById("table1"), oTd=[],i=0;
     
      if(!r && !c){oTd=oTbl.getElementsByTagName("TD") }
      else if(r){ oTd=oTbl.rows[r-1].getElementsByTagName("TD"); }
      else if(c){ for(i=0;i<oTbl.rows.length;i++){oTd.push(oTbl.rows[i].cells[c-1]);}}
      if(oTd.length==0){alert('节点不存在');return;}
      
      var temp=[];
      for(i=0;i<oTd.length;i++){if (oTd[i].getAttribute("name")==strName)temp.push(oTd[i].innerHTML);}
      //处理数据：
      alert(temp.join(","));  //return temp.join(",");
    }
    </script><table id='table1' border=1>
    <tr>
      <td name="text1">text1</td>
      <td name="text2">text2</td>
      <td name="text3">text3</td>
      <td name="text1">text1</td>
      <td name="text2">text2</td>
      <td name="text3">text3</td>
    </tr>
    <tr>
      <td name="text1">text1</td>
      <td name="text2">text2</td>
      <td name="text3">text3</td>
      <td name="text1">text1</td>
      <td name="text2">text2</td>
      <td name="text3">text3</td>
    </tr> 
    </table>
    <input type=button value=获取名为text1的所有td的value  onclick="getContent('text1',false,false);">
    <input type=button value=获取第i行中名为text1的所有td的value onclick=getContent('text1',1,false)>
    <input type=button value=获取第i列中名为text1的所有td的value onclick=getContent('text1',false,4)>