在javascript中通过切换滑块按钮更改链接颜色

在javascript中通过切换滑块按钮更改链接颜色,javascript,html,css,Javascript,Html,Css,我做了一个滑动按钮来改变身体和链接的颜色。身体颜色成功改变。但是我不知道如何通过切换按钮来改变链接的颜色。我试图用下面的代码来解决这个问题,但它不起作用,所以我为body而不是links编写了代码。请帮帮我。非常感谢。 以下是示例代码: 在java脚本中: 函数myFunction(){ var元素=document.body; 元素.classlist.toggle(“更改”); } .body{ 背景色:白色; 颜色:黑色; } .改变{ 背景色:黑色; 颜色:白色; } //制作滑块按钮

我做了一个滑动按钮来改变身体和链接的颜色。身体颜色成功改变。但是我不知道如何通过切换按钮来改变链接的颜色。我试图用下面的代码来解决这个问题,但它不起作用,所以我为body而不是links编写了代码。请帮帮我。非常感谢。 以下是示例代码:

在java脚本中:

函数myFunction(){
var元素=document.body;
元素.classlist.toggle(“更改”);
}
.body{
背景色:白色;
颜色:黑色;
}
.改变{
背景色:黑色;
颜色:白色;
}
//制作滑块按钮
.开关{
盒影:0px 0px 0px;
位置:相对位置;
显示:内联块;
宽度:35px;
高度:22px;
}
.开关输入{
不透明度:0;
宽度:0;
身高:0;
}
.滑块{
位置:绝对位置;
光标:指针;
排名:0;
左:0;
右:0;
底部:0;
背景色:#ccc;
-webkit转换:.4s;
过渡:.4s;
}
.滑块:之前{
位置:绝对位置;
内容:“;
高度:18px;
宽度:18px;
左:2px;
底部:2px;
背景色:白色;
-webkit转换:.4s;
过渡:.4s;
}
输入:选中+滑块{
背景色:#2196F3;
}
输入:焦点+.滑块{
盒影:0 0 1px#2196F3;
}
输入:选中+。滑块:之前{
-webkit转换:translateX(13px);
-ms变换:translateX(13px);
转化:translateX(13px);
}
/*圆形滑块*/
.圆滑{
边界半径:34px;
}
.滑块.圆形:之前{
边界半径:50%;
}

一些文字。。。

请详细介绍您的问题元素。class
L
ist