javascript - 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;
         }
    }
}