取值?

大家好,请问通过JS怎样获取table中tr与td的内容值?

解决方案 »

  1.   


    var table = document.getElementById("tableID");
    var val = table.rows[0].cells[0].innerHTML;
      

  2.   

    <script>
    window.onload=function(){
      var tbl = document.getElementById("tb");
      alert(tbl.rows[0].cells[1].innerHTML)
    }
    </script>
    <table id="tb">
       <tr><td>11</td><td>12</td></tr>
       <tr><td>21</td><td>22</td></tr>
    </table>
      

  3.   

    首先利用dom去的要取值的table的名字，然后根据要去的的行号列号来定位单元格，最后去的定位元素的内容。注意这个内容可以用innerHTML或者innerText，但是innerText不是标准属性，仅限IE可以调用。
    var tb = document.getElementById("tableID");
    var td = table.rows[行号-1].cells[列号-1].innerHTML;
      

  4.   

    完整例子<html>
        <head>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
            <META http-equiv="Content-Style-Type" content="text/css">
           
        </head>
        <script language=javascript>
            var TH_HEIGHT="20px";
            var THCOLOR="#ffff99";
            var THBGCOLOR= "#ccecff";
            var NEW_COLOR="#ffffff";
            var lastObj;
            function createEventTable() {
                var newRow,col1,col2,col3;
                var ln = document.getElementById("tb1").rows.length;
                if( ln > 0){
                    for(var i=0; i<ln; i++){
                        if(document.getElementById("tb1").rows.length <= 0)break;
                        document.getElementById("tb1").deleteRow(-1);
                    }
                }
                for(var colno=0; colno<15; colno++){    
                    newRow = document.getElementById("tb1").insertRow(-1);
                    newRow.id = 'r'+colno;
                    document.getElementById("r"+colno).height = TH_HEIGHT;
                    document.getElementById("r"+colno).bgColor = THCOLOR;
                    col1=newRow.insertCell(0);
                    col2=newRow.insertCell(1);
                    col3=newRow.insertCell(2);
                    col1.id="col1"+colno
                    col2.id = "col2"+colno;
                    col3.id = "col3"+colno;
                    col1.innerText = "列一"+colno;
                    col2.innerText = "列二"+colno;
                    col3.innerText = "列三"+colno;
                    col1.onclick=alertMe;
                    col2.onclick=alertMe
                    col3.onclick=alertMe            
                }
            }
            function alertMe(){
                if(lastObj == this) return false;
                if(lastObj!=null) lastObj.style.backgroundColor = THCOLOR;
                this.style.backgroundColor = NEW_COLOR;
                lastObj = this;
                document.getElementById("a").innerText=this.innerText;
            }
            window.onload=function(){
                createEventTable();
            }
        </script>
        <body >
            <TABLE  cellSpacing="0" borderColorDark="black" cellPadding="1" borderColorLight="black"  border="1">
                <thead>
                <COLGROUP>
                    <COL align="center">
                    </COL>
                    <COL align="center">
                    </COL>
                    <COL align="center">
                    </COL>
                    <COL align="center">
                    </COL>
                <TR height="22px" bgColor="#ccecff" id="sss">
                    <TH width="36" >列1</TH>
                    <TH width="36" >列2</TH>
                    <TH width="36" >列3</TH>
                </TR>
            </thead>
            <TBODY id="tb1">
            </TBODY>
        </TABLE>
            <div><textarea id="a"></textarea></div>
    </body>
    </html>
      

  5.   

    var t = document.getElementById("table_id");
      alert(t.rows[0].cells[1].innerHTML)