js怎么修改css的链接路径？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js怎么修改css的链接路径？相关的知识，希望对你有一定的参考价值。
<link type="text/css" rel="stylesheet" href="index-css1.css">
<a>更改样式</a>
点击“更改样式” href="index-css1.css"> 会指向 href="index-css2.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> 参考技术A document.styleSheets[0].href = "aaaa"看你的link处于哪个索引
或者判断 参考技术B <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’;
;追问
完整的代码呢？
追答
无标题文档
更改样式
var oA=document.getElementById('a');
var oLink=document.getElementById('link');
oA.onclick=function()
alert(oLink.href);
oLink.href='index-css2.css';
;
自己写两个css文件就可以了
本地测试网页无法加载css链接文件怎么办
测试网页时在ie系列浏览器opera等都正常，用火狐直接打开网页显示也正常，就是当把网页放到本地服务器后再用火狐时无法加载样式表文件，用Firebug测试发现无法加载样式表，我想知道这是什么原因，为什么放到本地服务器中后就无法加载样式表了呢？
参考技术A 1、css文件路径有问题？2、看看是否是css文件里存在例如中文注释之类。。试试去掉注释文字看看。
3、检查css文件里是否有错误，会导致css文件读取到某个部分时就没法继续正常读取。比如、分号之类
以上是关于js怎么修改css的链接路径？的主要内容，如果未能解决你的问题，请参考以下文章