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}