innerHTML not innerHtml

这篇文章是为了时刻提醒自己，甚至有一点羞辱自己的感觉。因为花了一晚上的时间在调查一个问题，最后才发现是一个多么低级的错误：

今天想要通过js动态的加载导航的二级菜单，最后决定动态的向一个div中添加一段html来实现，最初的实现代码是：
divTag.innerHtml = 'XXX';

任我怎么调试，最终还是没有查出问题所在，最后几乎将要放弃了，都洗刷完想要睡觉了，但是还是抱着最后的幻想想要再试一下，因为我在w3school上发现他们的代码是这么写的：

document.getElementById("id").innerHTML = "XXXXX";

我承认我傻傻的认为是我用的变量去调用innerHtml属性，而w3school上直接用的getElement……，最终我还是失败了。但还是发现了他们用的是这个属性
innerHTML而不是innerHtml，所以最终的错误竟然是因为大小写的问题。

Dom的属性是区分大小写的！！！！

       

document.getElementById("id").innerHTML