简单的javascript appendChild不起作用

Question

我是网络编程的新手.我试图用JavaScript绘制一个表行,但它不起作用,我不知道为什么.

这是代码

<div id="gameDiv"> </div>
<script type="text/javascript">
    public function drawGame(){ 
        var table = document.createElement('table');
        table.setAttribute('style','float:left');
        var startRow = table.insertRow(0);
        var c = 'A'
        for (j=0; j<8; j++) {
            var text = document.createTextNode(c++);
            var cell = startRow.insertCell(j);
            cell.appendChild(text);
        }
        document.getElementById("gameDiv").appendChild(table);
    }
    $(document).ready(function() {
        drawGame();
    };
</script>

Answer 1

问题是你使用的事实public.Javascript没有public或者private,所以把它放在你的函数声明前会导致错误.如果打开控制台,您会看到如下错误:

SyntaxError: Unexpected token function

因此,要解决此问题,只需private从代码中删除修饰符即可.

此外,您似乎在代码末尾缺少右括号.相反,你应该使用这个:

$(document).ready(function() {
    drawGame();
});

但是该代码也可以写得更短:

$(drawGame);