javascript - 使用 Javascript 交换两个样式表 CSS 文件

标签 javascript css checkbox stylesheet swap

我正在为移动设备编写一个网络应用程序,我正在做的是动态更改 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/

相关文章:

javascript - 选择类似于在 Google 上看到的框?

asp.net网站到手机/平板电脑

javascript - 如果 AJAX 错误,请取消选中复选框

jquery - 使用图像样式化 HTML 复选框

javascript - jsPlumb:端点位置错误

javascript - 将 AJAX 响应的第一个元素设置为下拉列表中的选定值

javascript - 单击带有外部网站的 DIV 内的链接?

javascript - React Material-UI 如何添加与表行单击分开的复选框

javascript - 计算 Javascript 数组中对象的重复次数

css - CKEditor 4 结合CSS