[英]dark - light mode button
我想将身体的背景更改为白色,当它设置为“太阳”(灯光模式)并变回月亮(也将背景更改为黑色)
function dwmode(){
var body = document.querySelector('body')
document.getElementById('dWmode').innerHTML = '<i class="fas fa-sun"></i>';
if(innerHTML == '<i class="fas fa-sun"></i>'){
body.style.background = 'white'
}
}
body = document.querySelector("body"); sun = document.getElementById("sun"); moon = document.getElementById("moon"); function dwmode() { if (sun.style.visibility == "visible") { body.style.backgroundColor = "white" sun.style.visibility = "hidden"; moon.style.visibility = "visible"; } else { body.style.backgroundColor = "gray" sun.style.visibility = "visible"; moon.style.visibility = "hidden"; } }
body { background-color: gray; }.sunv { visibility: visible; }.moonv { visibility: hidden; }
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet" /> <i class="fas fa-sun sunv" id="sun" onclick="dwmode()"></i> <i class="fas fa-moon moonv" id="moon" onclick="dwmode()"></i>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.