改变主题样式

dxm809

于 2020-03-15 09:47:45 发布

阅读量153

点赞数

分类专栏： JAVASCRIPT

本文链接：https://blog.youkuaiyun.com/dxm809/article/details/104873615

版权

JAVASCRIPT 专栏收录该内容

134 篇文章

订阅专栏

1.index.html,通过修改link的href属性来改变主题样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link id="link" rel="stylesheet" href="./css/css1.css" />
	</head>
	<body>
		<div id="dv" class="box">hello</div>
		<input type="button" onclick="document.getElementById('link').href='./css/css2.css'" value="css2" />
		<input type="button" onclick="document.getElementById('link').href='./css/css1.css'" value="css1" />
	</body>
</html>

2 css1.css

.box{
	width: 200px;
	height: 200px;
	background-color: green;
}

3 css2.css

.box{
	height: 100px;
	width: 100px;
	background-color: grey;
}