gpt4 book ai didi

javascript - 如何即时更改外部 CSS

转载 作者:行者123 更新时间:2023-11-28 17:05:52 24 4
gpt4 key购买 nike

我最近在寻找动态更改 CSS 的方法,但找不到,我可以使用内联 CSS 实现它,如下所示:https://sid-sun.github.io/Change-CSS

但是我找不到任何可以更改外部 CSS 的内容,我自己也无法弄清楚。我正在使用的网站有一个非常大的 CSS 并且通用化只减少了一小部分,因为两种样式非常不同。请给我指点并帮助我。

谢谢。

最佳答案

添加一个 id 到 css 导入并更改 href on click with js

<html>
<head>
<title>New UI Mockup</title>
<link href="dark.css" id="theme" rel="stylesheet">
<script>
var themeName = "dark";
function changeTheme(){
if (themeName == "dark"){
themeName = "light";
}
else{
themeName = "dark";
}
document.getElementById("theme").href = themeName + ".css";
}
</script>
</head>
<body>
<div class="title">Change Theme Demo</div>
<div class="button" id="changeButton" onclick="changeTheme()">Change Theme</div>
</body>
</html>

关于javascript - 如何即时更改外部 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49598683/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com