我正在写一个网站,想创建一个深色/浅色模式。我有一个开关,单击时会切换,它成功更改为我的第二个 css 样式表。我应该如何切换回原始样式表?
HTML-
<link id="pagestyle" rel="stylesheet" type="text/css" href="assets/css/main.css">
<script>
function swapStyleSheet(sheet) {
document.getElementById('pagestyle').setAttribute('href', 'assets/css/main2.css');
}
</script>
<!-- Rectangular switch -->
<label class="switch">
<input type="checkbox" onchange="swapStyleSheet()"">
<span class=" slider"></span>
</label>
最佳答案
请使用此代码,希望对您有所帮助。
<link id="pagestyle" rel="stylesheet" type="text/css" href="main.css">
<script>
function swapStyleSheet(sheet) {
if($(sheet).prop("checked") == true){
document.getElementById('pagestyle').setAttribute('href', 'main2.css');
}else{
document.getElementById('pagestyle').setAttribute('href', 'main.css');
}
}
</script>
<!-- Rectangular switch -->
<label class="switch">
<input type="checkbox" onchange="swapStyleSheet(this)">
<span class="slider"></span>
</label>
关于javascript - 如何使用 HTML 中的开关通过 onchange 更改 BACK,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56388791/