javascript - 简单的 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);