意外的标识符语法错误答案

【问题标题】：Unexpected Identifier syntax error意外的标识符语法错误
【发布时间】：2014-07-25 14:17:20
【问题描述】：

我有一个语法错误，但不知道在哪里。我没有拼写错误并运行警报作为测试并且它有效。我也可以在我的 html 中使用我的画布，但不能在我的外部 javascript 中使用。

HTML：

<div id="inner">
    </div>

JS：

document.getElementById('inner').innerHtml='<canvas id="gameCanvas1" width="800px" height="500px" style="display:block;background:#E6E6E6;margin:100px auto 0px;"></canvas>'

【问题讨论】：

GetElementById???应该是getElementById，就像你的第一个一样。
解决了错误，但画布仍然不会显示。
innerHtml 是 HTMLElement 中的自定义属性，JS 确实是区分大小写的。
不要使用随机大小写。见developer.mozilla.org/en-US/docs/Web/API/Element.innerHTML
要创建画布对象，请查看this 和this 的帖子。

标签： javascript html

【解决方案1】：

删除

document.getElementById("inner")

在行首并在以下GetElementById（应该是getElementById）和innerHtml（实际上应该是innerHTML）中修正大小写。

下次，请确保您的代码易于阅读以避免此类错误。这意味着例如您可以在没有水平滚动条的情况下阅读它。

【讨论】：

【解决方案2】：

修改你的JS如下：

document.getElementById("inner").innerHtml='<canvas id="gameCanvas1" width="800px" height="500px" style="display:block;background:#E6E6E6;margin:100px auto 0px;"></canvas>'

【讨论】：