不能用外链javascript改变class的样式

Question

如题，代码如下：
JS：
var a=document.getElementsByClassName("slider");
a.style.background="#FF66CC";
HTML：
<div class="slider">

   我是个盒子  
   </div>

CSS：
.slider{
height:169px;
width:100%;
float:left;
background:#000000;
border:1px solid #FF0000;
}
用firefox打开是这样的：

用firebug发现是这样提示错误的：
TypeError: a.style is undefined

上面就是全部问题了TAT，求各位大佬帮帮忙，萌新先谢谢大佬们了