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

Answer 1

你这里的a是一个数组，所有class为slider的元素，
a.style改为a[0].style就好了

Answer 2

document.getElementsByClassName通过元素className获取元素时返回的是伪数组，如果你想只获取单个dom元素，可以把class="slider"改为id="slider"，然后通过document.getElementById('slider')获取就行了。