target事件委托

  • 1,356
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>target事件委托</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="布尔教育 http://www.itbool.com" />
    <style>
        table{
            width:400px;
            height:400px;
            border: 0;
            border-collapse: collapse;
            background:red;
        }
        td{
            border: 1px solid gray;
        }
    </style>
    </head>
        <body>
            <h1>target事件委托</h1>
                <table>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            
        </body>
        <script>
        var num = 0;
        document.getElementsByTagName('table')[0].onclick=function(ev){
            ev.target.style.background = num++%2?'black':'white';
        }
        /*
        var tds = document.getElementsByTagName('td');
        var i = 0;
        while(i < tds.length){
            tds[i].onclick = function(){
                this.style.background = 'black';
             }
             i++;
            
        }*/
        </script>
    </html>

 

weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2016年7月22日12:49:35
  • 转载请务必保留本文链接:https://www.150643.com/193.html
匿名

发表评论

匿名网友 填写信息