getElementByld()问题
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写法有误吗?

------解决方案--------------------
我试了一下，你写的有点问题。

一：你的HTML代码不知是你复制的时候漏掉了还是真的错了
<div id= "abc " style= "width:300px;height:30px;border:1px solid #ff00ff;background-color:#cccccc;
</div>
改成
<div id= "abc " style= "width:300px;height:30px;border:1px solid #ff00ff;background-color:#cccccc; ">
</div>

二：链接的写法我已经在上面指出来了。

三：你的JS单词拼写错误：
document.getElementByld(n) -> document.getElementById(n);
l与I的区别