0

onclick イベント ハンドラを設定しようとしています。何らかの理由でこれが機能します：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript">
        function init() {
            var td = document.getElementById("td");
            var table = document.createElement("table");
            var row = table.insertRow(0);
            var cell = row.insertCell(0);
            cell.innerHTML = "test";
            cell.onclick = function () { alert(); };
            td.appendChild(table);
        }
    </script>
</head>
<body id="td" onload="init()">
</body>
</html>

それを外部のjsファイルに入れると機能しません：

function buildChessBoard() {
    var currentColor = white;
    //var table = "<table>";
    var table = document.createElement("table");          
    for (var i = 0; i < chessBoardsize / 8; i++) {
        //table += "<tr>";
        var row = table.insertRow(i);
        for (var j = 0; j < 8; j++) {
            //table += "<td class=" + currentColor + "Cell" + " id=" + (i * 8 + j) + " onclick=setCell(this)></td>";
            var cell = row.insertCell(j);
            cell.innerHTML = "test";
            cell.onclick = function () { alert(); };
            if (j != 7) {
                if (currentColor == white)
                    currentColor = gray;
                else
                    currentColor = white;
            }
        }
        //table += "</tr>";
    }
    //table += "</table>";
    //chessBoardDiv.innerHTML = table;
    chessBoardDiv.appendChild(table);
}

なぜですか？

4

0 に答える 0