Javascript 如何使用按钮切换html文本和背景的颜色？
我目前正在学校学习编码，需要将3个Javascript 如何使用按钮切换html文本和背景的颜色？,javascript,html,button,Javascript,Html,Button,我目前正在学校学习编码，需要将3个JavaScript元素编码到我制作的网站中。我已经完成了3个要素中的2个，但是我正在努力完成第3个要素。为了让视障人士更容易访问该网站，我决定尝试编写一个按钮，点击该按钮后，背景颜色将从黑色变为白色，文本（h1、p和li）从紫色到白色，我已经在正文中设置了背景色和文本颜色，而不是样式格式。然后另一个按钮将颜色更改回原始颜色。我真的很感谢你的帮助，因为我觉得每一个解决方案都会导致另一个死胡同。谢谢你的阅读和帮助 您可以使用JavaScript函数切换网站的状态，
JavaScripthref函数切换高对比度（）{
if（document.getElementById（“样式表”）.getAttribute（“href”）==“/styles/main.css”）{
document.getElementById（“样式表”）.setAttribute（“href”，“/styles/contrast.css”）；
}否则{
document.getElementById（“样式表”）.setAttribute（“href”，“/styles/main.css”）；
}
}
切换高对比度
到目前为止你试过什么？你到底被困在哪里？点击按钮时你想要什么颜色？@salaheddinemakdour我想要黑色。我曾尝试搜索其他论坛，并使用附加在按钮上的基本标签，如“document.h1 style='color:black'”我发布了一个简单的答案，它对Hanks很有帮助，使用您的方法，我是否可以使用重置按钮将网站恢复到原始主题？是的，只需制作另一个按钮和另一个功能，将背景和文本的样式更改为原始颜色
<body style="background-color: black;">
<h1 class="text" style="color:purple;"> This is the header text </h1>
<p class="text" style="color:purple;"> This is the paragraph </p>
<button onclick="changeTheme();">Click me to change the theme</button
</body>
let changeTheme = function(){
document.querySelector('.text').style.color = 'black';
document.querySelector('body').style.backgroundColor = 'white';
}