【高分】请教这段代码怎么写？

本帖最后由 community147 于 2011-06-10 09:48:36 编辑

解决方案 »

  1.   

    var tab=document.getElementById("tab");
    td=tab.getElementsByTagName("td");
    for(var i=0,len=td.length;i<len,i++){
        td[i].onclick=function(){
             this.innerHTML="abs";
        }
    }
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>zell419</title>
    </head>
    <body>
    <table id="tab" border="1"> 
    <tr><td>td</td><td>td</td><td>td</td></tr>
    <tr><td>td</td><td>td</td><td>td</td></tr>
    <tr><td>td</td><td>td</td><td>td</td></tr>
    </table>
        
    <script type="text/javascript">
        window.onload = function(){
            var tds = tab.getElementsByTagName("td");
            for(t in tds){
                tds[t].onclick = function(){
                    this.innerHTML = "abs";
                }
            }
        }
    </script>
    </body>
    </html>有这么复杂么 ？
      

  3.   

     要在这个中绑定的window.onload，光写不绑定能行吗
      

  4.   

    原来这么简单，用this解决分给你！！！
      

  5.   

    用jQuery做，兼容性好，代码也简单。jQuery自己去下载吧。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
        <head>
            <title>点击单元格填充内容</title>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    #tab{border:1px solid black;}
    #tab td{width:24px;height:24px;background:#CCCCCC;}
            </style>
            <script type="text/javascript" src="jquery-1.6.1.min.js"></script>
            <script type="text/javascript">
    (function($){
    $(function(){
    $("#tab td").click(function(){
    $(this).text("abs");
    });
    });
    })(jQuery);
            </script>
        </head>
        <body>
    <table id="tab">
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>
    </table>
       </body>
    </html>
      

  6.   

    请教二楼
    为什么没有写var tab=document.getElementById("tab");
    就直接可以用tab.getElementByTagName("td");1楼，二楼代码我都试过了，都可以
      

  7.   

    呵呵 。我大意了 ，应该先document.getElementById("tab")的 。
    我的在ie下能行 ，我就发了 ，不好意思 。