Javascript语法-更改Croll上的文本颜色

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

我想把导航文本改成白色，但我不确定语法，我想把它改成白色

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

但它不起作用-

window.onscroll=函数（）{
var offset=Math.max（document.documentElement.scrollTop、document.body.scrollTop），
lis=document.getElementsByTagName（'li'）；
var colorMap=[
{值：250，颜色：'#e01246'}，
{值：800，颜色：'#1d'}，
{值：2800，颜色：'purple'}
];
控制台日志（偏移量）；
var isColorSet=false；
对于（var i=0；我在这里看到它正在工作应用黄色不，我是指文本的颜色，我希望文本在背景改变的同时变成白色
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;
         }
    }
}