Question

我最近正在寻找改变CSS的方法而无法找到某些内容，我能够通过内联CSS实现这一点，如下所示：https://sid-sun.github.io/Change-CSS

但我无法找到任何改变外部CSS的东西，也无法自己解决这个问题。我正在使用的网站有一个非常大的CSS和通用只减少一小部分因为两种风格都非常不同。请给我一个指针并帮助我。

感谢。

Answer 1

在css导入中添加ID，并在点击时使用js

更改href

＆＃13;

<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>

＆＃13;

如何动态更改外部CSS

1 个答案: