救小弟我,小弟我快疯了

救我,我快疯了
function   trun(n){
    var   i=document.getElementByld(n);
    i.style.backgroundColor= "#999999 ";
}

<div   id= "abc "   style= "width:300px;height:30px;border:1px   solid   #ff00ff;background-color:#cccccc;>
</div>
<a   href= "javascript:trun( 'abc ') "> 点击 </a>

我想实现动态改变背景色,为什么不行呢?请高手指点一下
难道是document.getElementByld写法有误吗?


------解决方案--------------------
汗，你又发了一遍
一：getElementByld -> getElementById 注意l与I的别
二：style= "width:300px;height:30px;border:1px solid #ff00ff;background-color:#cccccc; 在这个后面加个双引号。