html中的canvas小问题

别人的：

var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.fillStyle="#ccc"; cxt.fillRect(5,10,150,60); //x，y，x，y

我的：

var c=document.getelementbyid("mycanvas"); var cxt=c.getcontext("2d"); cxt.fillstyle="#ccc">; cxt.fillrect(5,10,150,60);//x,y,x,y

为啥我的没有填充效果啊？没写错啊

 cxt.fillstyle="#ccc">;
多了一个大于号

多写了一个>，删掉就行

上面两位老师回答的我非常赞同：
你写的： var cxt=c.getcontext("2d")；
别人写的：var cxt=c.getContext("2d"); 同时我认为，c.getContext();这个方法中Context中首字母应该大写

getelementbyid写错了，应该写成getElementById，要注意大小写，不能它获取不到画布id