js中控制css的有关问题

js中控制css的问题
在网页中定义了
#aaa a{width:75px;height:40px;background:url(pic.png);}

【pic图片大小为75*80】

我想在js中定义一个函数让#aaa a的背景变为pic.png的下面一部分

function abc() {
  document.getElementById('aaa').getAttributeNode('a').style.backgroundPositionY="-40px";
}

但这个函数不行~~~貌似document.getElementById('aaa').getAttributeNode('a')≠#aaa a

希望求得正解，感激不尽！

------解决方案--------------------

JScript code

var aa=document.getElementById("aaa").getElementsByTagName("a");
var len=aa.length;
for(var i=0;i<len;i++) {
    aa[i].style.backgroundPositionY="-40px";
}

------解决方案--------------------
加个样式
CSS code

#aaa a.newStyle{width:75px;height:40px;background:url(pic.png);background-positionY:-40px}