不能用外链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，求各位大佬帮帮忙，萌新先谢谢大佬们了