Javascript 我想用按钮更改UL中的某些名称

我想使用点击按钮将UL中的9个名称更改为红色字体，而其他3个名称保留为黑色字体。我想要一个按钮，将红色字体重置回原来的字体。有人能帮忙吗

var title=document.getElementById（“title”）；
var buttons=document.getElementsByClassName（“btn”）；
var按钮=document.getElementsByClassName（“btn2”）；
对于（var btnIndex=0；btnIndex

约翰
杰克
乔
吉姆
大卫
萨姆
杰伊
弗兰克
蒂姆
扎克
刘易斯
丹尼
将9个名称更改为红色
重置

您的标记有几个问题，我将在下面解决，但要回答您的实际问题，您可以这样做：

//获取对按钮的引用
const button1=document.querySelector（'.btn'）；
const button2=document.querySelector（'.btn2'）；
//声明一个函数，该函数将类“red”添加到与给定选择器匹配的项中
常量选择=选择器=>{
[…document.queryselectoral（选择器）].forEach(
element=>element.classList.add（'red'）
);
}
//声明一个函数，该函数从当前拥有给定类的所有元素中删除该类
const deselect=className=>{
[…document.querySelectorAll（'..+className）].forEach(
element=>element.classList.remove（className）
);
}
//将单击处理程序添加到调用
//为类中包含“标题”的项目选择上面的函数
按钮1.addEventListener（'单击'，（）=>选择（'.title'）；
//将单击处理程序添加到第二个按钮，该按钮将从所有项中删除“red”类
按钮2.addEventListener（'click'，（）=>deselect（'red'）
.red{
颜色：红色；
}

约翰
杰克
乔
吉姆
大卫
萨姆
杰伊
弗兰克
蒂姆
扎克
刘易斯
丹尼

将9个名称更改为红色
重置

首先，
id
值必须是唯一的，因此您应该使用
class
来
组织类似的
元素，并使用
id
来
识别这两个按钮
此外，可以是
的子元素的唯一元素是
，
和
元素，而不是
，因此按钮
必须移出
ul

从这里开始，只需将两个按钮
click
处理程序设置为同一个事件处理程序，该事件处理程序使用给定的类（而不是您尝试执行的按钮）在
li
元素上循环，并根据单击的按钮向列表中添加或删除预先创建的类


//test.js内容
document.getElementById（“btn”）.addEventListener（“单击”，更改颜色）；
document.getElementById（“btn2”）。addEventListener（“单击”，更改颜色）；
let items=document.queryselectoral（“.title”）；
函数更改颜色（事件）{
items.forEach（功能（项目）{
//找出是哪个按钮把我们带到这里的
如果（event.target.id==“btn”）{
item.classList.add（“红色”）；//add red
}否则{
item.classList.remove（“红色”）；//remove red
} 
});
}

使用JavaScript更改特定的字体颜色
.red{color:red；}

约翰
杰克
乔
吉姆
大卫
萨姆
杰伊
弗兰克
蒂姆
扎克
刘易斯
丹尼

将9个名称更改为红色
重置
Google搜索“如何使用js更改字体颜色”，例如，您首先回答了。。所以我想你应该得到points@TheBombSquad所有有用的答案都可以而且应该被投票表决。