事件委託，target實現下象棋

時間 2019-11-22

標籤事件委託 target 實現下象棋简体版

原文原文鏈接

<!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>新建網頁</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: gray;
}
td{
border: 1px solid black;
}
</style>
</head>
    <body>
     <p>事件委託target</p>
     <div>
     <table>
     <tr>
     <td></td>
     <td></td>
     <td></td>
     <td></td>
     </tr>
     <tr>
     <td></td>
     <td></td>
     <td></td>
     <td></td>
     </tr>
     <tr>
     <td></td>
     <td></td>
     <td></td>
     <td></td>
     </tr>
     <tr>
     <td></td>
     <td></td>
     <td></td>
     <td></td>
     </tr>
     </table>
     </div>
     
    </body>
    <script>
    var i=0;
    document.getElementsByTagName('table')[0].onclick=function (ev) {
    ev.target.style.background=i%2==0?"black":"red";
    i++;
    // body...
    }
    </script>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。