Javascript 如何在CSS中设置默认颜色？

我有一个Javascript，可以在单击时更改背景颜色，但是当页面加载时，背景颜色已经设置好了。我该如何解决这个问题？我不知道如何在页面加载时隐藏“active”类，而只是在单击按钮时显示它。代码中的其他所有内容都正常工作。我已经寻找答案很久了

var newItemCounter=1；
var ourList=document.getElementById（“我们的列表”）；
var ourButton=document.getElementById（“我们的按钮”）；
var ourHeadline=document.getElementById（“我们的标题”）；
var listItems=document.getElementById（“我们的列表”）.getElementsByTagName（“li”）；
我们的列表。addEventListener（“单击”，激活项）；
功能激活项（e）{
if（e.target.nodeName==“LI”）{
ourHeadline.innerHTML=e.target.innerHTML；
对于（i=0；i新项目”+newItemCounter+””；
newItemCounter++；
}

li{
宽度：200px；
填充物：5px；
边框底部：1px纯色灰色；
背景色：#FFFFFF；
}
.主动{
背景色：#FFFF02；
}

单击项目以替换此文本。
添加新项目

第一项
第二项
第三项
第四项
第五项
第六项

您可以从默认的

li

项中删除

活动的
类


var newItemCounter=1；
var ourList=document.getElementById（“我们的列表”）；
var ourButton=document.getElementById（“我们的按钮”）；
var ourHeadline=document.getElementById（“我们的标题”）；
var listItems=document.getElementById（“我们的列表”）.getElementsByTagName（“li”）；
我们的列表。addEventListener（“单击”，激活项）；
功能激活项（e）{
if（e.target.nodeName==“LI”）{
ourHeadline.innerHTML=e.target.innerHTML；
对于（i=0；i新项目”+newItemCounter+””；
newItemCounter++；
}
li{
宽度：200px；
填充物：5px；
边框底部：1px纯色灰色；
背景色：#FFFFFF；
}
.主动{
背景色：#FFFF02；
}

Javascript示例
单击项目以替换此文本。
添加新项目

第一项
第二项
第三项
第四项
第五项
第六项

只需从标记中删除类，并让Javascript处理添加类的问题


var newItemCounter=1；
var ourList=document.getElementById（“我们的列表”）；
var ourButton=document.getElementById（“我们的按钮”）；
var ourHeadline=document.getElementById（“我们的标题”）；
var listItems=document.getElementById（“我们的列表”）.getElementsByTagName（“li”）；
我们的列表。addEventListener（“单击”，激活项）；
功能激活项（e）{
if（e.target.nodeName==“LI”）{
ourHeadline.innerHTML=e.target.innerHTML；
对于（i=0；i新项目”+newItemCounter+””；
newItemCounter++；
}
li{
宽度：200px；
填充物：5px；
边框底部：1px纯色灰色；
背景色：#FFFFFF；
}
.主动{
背景色：#FFFF02；
}

Javascript示例
单击项目以替换此文本。
添加新项目

第一项
第二项
第三项
第四项
第五项
第六项

well仅在单击
li
时添加活动页面加载时，您的所有
li
都具有类
.active
。只需从html中删除这些类，就可以了。谢谢，很好！它现在正在工作。我看到后来Javascript代码添加了这个样式。非常感谢。