js调用css的问题,适应不同浏览器对ID的调用方法
2009-03-24 11:16
876 查看
首先,给你的link定一个ID,比如:
<link href="style01.css" rel="stylesheet" type="text/css" id="link1" />
然后,通过link1.href属性改变样式文件名:
document.getElementById("link1").href = "style02.css";
为适应不同浏览器对ID的调用方法,可以写一个GetObj()为:
<script language="javascript" type="text/javascript">
<!--//--><![CDATA[//><!--
function GetObj(objName){
if(document.getElementById){
return eval('document.getElementById("' objName '")');
}else{
return eval('document.all.' objName);
}
}
GetObj("link1").href = 'style02.css';//在这里改变文件名
//--><!]]>
</script>
<link href="style01.css" rel="stylesheet" type="text/css" id="link1" />
然后,通过link1.href属性改变样式文件名:
document.getElementById("link1").href = "style02.css";
为适应不同浏览器对ID的调用方法,可以写一个GetObj()为:
<script language="javascript" type="text/javascript">
<!--//--><![CDATA[//><!--
function GetObj(objName){
if(document.getElementById){
return eval('document.getElementById("' objName '")');
}else{
return eval('document.all.' objName);
}
}
GetObj("link1").href = 'style02.css';//在这里改变文件名
//--><!]]>
</script>
相关文章推荐
- 强制刷新浏览器调用的js和css以及js清除浏览器缓存的几种方法
- CSS针对不同的浏览器的适应方法
- 有关css和js针对不同浏览器兼容的问题
- 根据不同浏览器调用不同css解决兼容问题
- 有关css和js针对不同浏览器兼容的问题
- 有关css和js针对不同浏览器兼容的问题
- js实现根据浏览器类型自动调用不同CSS文件[收藏]
- 解决修改css文件或js文件后浏览器无法及时更新的问题方法
- 有关css和js针对不同浏览器兼容的问题
- JS Cookie 路径问题(发现在不同的目录下,调用同一个js方法来存储Cookie,到别的目录取不出或取出的值是不对的)
- JS判断不同分辨率,调用不同CSS的方法
- 有关不同浏览器不同版本的css以及js计算高度的问题
- 有关css和js对不同浏览器的兼容问题(1)
- 用js实现根据不同的分辨率和浏览器调用不同的css文件
- jQuery中调用ajax方法时在不同浏览器中遇到的问题
- 【HTML】通过不同的分辨率调用不同的css,两种方法:css本身判断、js调用css
- CSS、JS在不同浏览器的兼容性问题
- 黑马程序员之HTML学习笔记:有关css和js针对不同浏览器兼容的问题
- 浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
- html\css\js-dom在不同主流浏览器的兼容问题