我正在为移动设备编写一个网络应用程序,我正在做的是动态更改 css 并为用户存储该选项,我整夜都在寻找,谷歌搜索方法和方法来实现我的目标但是没有什么对我有用。
这是我正在使用的按钮类型,这里出现了另一个问题,因为我无法选中和取消选中复选框。
HTML
<input id="#checkbox" type="checkbox" checked onclick="swapStyleSheet()">
唯一对我有用的是:
<head>
<link id="pagestyle" rel="stylesheet" type ="text/css" href="default.css">
<script type="text/javascript">
function swapStyleSheet(sheet) {
document.getElementById('pagestyle').setAttribute('href',sheet);
}
</script>
</head>
在体内
<input id="#checkbox" type="checkbox" checked onclick="swapStyleSheet("Second.css")">
但这不是动态的,因为一旦用户点击按钮就无法返回,我不确定它是否适用于移动设备
有什么建议如何进行?
最佳答案
您忘记了 Second.css
的引号
onclick="swapStyleSheet('Second.css')"
没有引号,这是一个语法错误(但你的控制台已经告诉你了)。
关于javascript - 使用 Javascript 交换两个样式表 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49194503/