Javascript语法 - 更改文本颜色onscroll

Question

我正在使用此javascript代码更改导航的背景颜色，以便在用户滚动时匹配网站背景的颜色。

我希望导航文本更改为白色，但我不确定语法，我想放

lis[i].style.color ="white";

但它不起作用 - http://jsfiddle.net/fNn7K/287/

window.onscroll = function () {
var offset = Math.max(document.documentElement.scrollTop, document.body.scrollTop),
    lis = document.getElementsByTagName('li');

var colorMap = [
    { value: 250, color : '#e01246'} ,
    { value: 800, color : '#1d1d1d' },
    { value: 2800, color: 'purple'}
];

console.log(offset);
    var isColorSet = false;
     for (var i=0; i<colorMap.length; i++) {
         lis[i].style.background='white';
         if (!isColorSet && offset < colorMap[i].value) {
             lis[i].style.background = colorMap[i].color;
             isColorSet = true;
         }
    }
}