87,993
社区成员
发帖
与我相关
我的任务
分享麻烦能有位大神帮我解决这个小问题 之不能实现换肤
文件1：这是html代码：
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8">
<title>tanchuabc</title>
<link id="l1" rel="stylesheet" type="text/css" href="huanfu1.css"/>
</head>
<body>
<input type="button" value="皮肤1">
<input type="button" value="皮肤2">
<script >
function skin1()
{
var oL=document.getElementById('l1');
oL.href='huanfu1.css';
}
function skin2()
{
var oL=document.getElementById('l1');
oL.href='huanfu2.css';
}
</script>
</body>
</html>
文件2：这是huanfu1.css的代码
@charset "utf-8";
body{
background: green;
}
input{
background: red;
width: 200px;
height: 200px;
}
文件3：这是huanfu2.css的代码
@charset "utf-8";
body{
background: yellow;
}
input{
background: blue;
width: 100px;
height: 100px;
}
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8">
<title>tanchuabc</title>
<link id="l1" rel="stylesheet" type="text/css" href="huanfu1.css"/>
</head>
<body>
<input type="button" value="皮肤1">
<input type="button" value="皮肤2">
<script >
function skin1()
{
var oL=document.getElementById('l1');
oL.href='huanfu1.css';
}
function skin2()
{
var oL=document.getElementById('l1');
oL.href='huanfu2.css';
}
</script>
</body>
</html>
文件2：这是huanfu1.css的代码
@charset "utf-8";
body{
background: green;
}
input{
background: red;
width: 200px;
height: 200px;
}
文件3：这是huanfu2.css的代码
@charset "utf-8";
body{
background: yellow;
}
input{
background: blue;
width: 100px;
height: 100px;
}
...全文
请发表友善的回复…
发表回复
qq_39752947 2017-08-06
- 打赏
- 举报
谢谢
qq_39752947 2017-08-06
- 打赏
- 举报
谢谢
天际的海浪 2017-08-06
- 打赏
- 举报
<input type="button" value="皮肤1" onclick="skin1()">
<input type="button" value="皮肤2" onclick="skin2()">
y3832702 2017-08-06
- 打赏
- 举报
看代码里好像没有添加事件，获取input添加事件
