js怎么修改css的链接路径？
<linktype="text/css"rel="stylesheet"href="index-css1.css"><a>更改样式</a>点击“更改样式”href="in...
<link type="text/css" rel="stylesheet" href="index-css1.css">
<a>更改样式</a>
点击“更改样式” href="index-css1.css"> 会指向 href="index-css2.css"> 展开
<a>更改样式</a>
点击“更改样式” href="index-css1.css"> 会指向 href="index-css2.css"> 展开
3个回答
展开全部
引用是用link标签进入的CSS文件。所以可以直接修改link的href就可以修改CSS的链接路径了。下面是个小例子：
<link href="../base.css" type="text/css" rel="stylesheet" id="link1" />
<title>无标题文档</title>
</head>
<body>
<div style="width:100px; height:100px; border:1px solid #ccc;"></div>
</body>
<script>
var oLink = document.getElementById('link1');
oLink.href = '../../aaa.css'; //这样就把link的链接修改为'../../aaa.css'了。
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.styleSheets[0].href = "aaaa"看你的link处于哪个索引
或者判断
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<link type="text/css" rel="stylesheet" href="index-css1.css" id="link">
<a href="javascript:;" id="a">更改样式</a>
var oA=document.getElementById('a');
var oLink=document.getElementById('link');
oA.onclick=function(){
oLink.style.href=‘index-css2.css’;
};
<a href="javascript:;" id="a">更改样式</a>
var oA=document.getElementById('a');
var oLink=document.getElementById('link');
oA.onclick=function(){
oLink.style.href=‘index-css2.css’;
};
追问
完整的代码呢？
追答
无标题文档
更改样式
var oA=document.getElementById('a');
var oLink=document.getElementById('link');
oA.onclick=function(){
alert(oLink.href);
oLink.href='index-css2.css';
};
自己写两个css文件就可以了
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
