`

JS动态修改CSS浏览器兼容问题

    博客分类:
  • js
 
阅读更多
最近搞的一个JS动态改变CSS内容,和大家分享。


<script type="text/javascript">
  function GetCurrentStyle (obj, prop,num) {
     if (obj.currentStyle) {
     if (num==0) {
     document.styleSheets[0].cssText=document.styleSheets[0].cssText.replace(/19em/g,"1em");
     }
     else {
     document.styleSheets[0].cssText=document.styleSheets[0].cssText.replace(/1em/g,"19em");
     }
   }
     else if (window.getComputedStyle) {
     if (num==0) {
     document.styleSheets[0].cssRules[0].style.cssText=document.styleSheets[0].cssRules[0].style.cssText.replace(/19em/g,"0em");
     }
     else {
    document.styleSheets[0].cssRules[0].style.cssText=document.styleSheets[0].cssRules[0].style.cssText.replace(/0em/g,"19em");
     }
     }
     return null;
}    
function showSiterbar(){

    var b=document.getElementById('leftColumn')
    var c=document.getElementById('content')
if(b.style.display=="block"){
     GetCurrentStyle(c,"margin-left",0);    
     b.style.display="none";
}else{
   GetCurrentStyle(c,"margin-left",1);
   b.style.display="block";
}
}
</script>

分享到:
评论

相关推荐

    最全的CSS浏览器兼容问题

    以下是一些常见的CSS浏览器兼容性问题及其解决方案: 1. **垂直居中问题**: 在CSS中,要实现一个div的垂直居中,可以使用`vertical-align: middle;`和`line-height`属性。但这种方法要求内容不换行。例如: ```...

    CSS浏览器兼容问题

    ### CSS浏览器兼容问题详解 #### 一、引言 在Web开发过程中,浏览器兼容性问题一直是前端工程师关注的重点。不同的浏览器对于CSS的支持程度各不相同,导致同样的代码在不同的浏览器中可能呈现出不同的效果。本文将...

    css浏览器兼容问题

    ### CSS浏览器兼容问题详解 #### 一、引言 随着Web技术的发展,不同的浏览器对于CSS的支持程度也有所不同,这导致了在开发过程中经常会遇到浏览器之间的兼容性问题。本文旨在总结和分享一系列关于CSS兼容性的技巧...

    css和js的浏览器兼容问题汇总

    总的来说,解决CSS和JavaScript的浏览器兼容问题需要开发者对各种浏览器的特性有深入理解,并善于运用工具和技巧进行调试和优化。如使用Firebug、Web Developer、DebugBar等开发工具可以帮助开发者快速定位和解决...

    css 浏览器兼容性速查

    总结,"CSS浏览器兼容性速查"是开发者解决问题的关键工具,通过理解和掌握不同浏览器对CSS的支持情况,我们可以编写出既能展示美观设计,又能保证兼容性的代码,从而提升用户体验。这需要不断学习和实践,随着浏览器...

    css浏览器兼容问题全面汇总

    总之,理解并解决CSS浏览器兼容问题需要开发者对各种浏览器的特性有深入的认识,同时也需要掌握一定的技巧和工具,以确保网站在不同环境下都能良好运行。通过持续学习和实践,开发者可以更好地应对这个挑战,创建出...

    div+css浏览器兼容问题解决方法

    ### DIV+CSS浏览器兼容问题详解及解决策略 随着Web技术的发展,DIV+CSS布局成为现代网页设计中的核心组成部分。然而,不同的浏览器对于CSS的支持程度各不相同,导致开发者经常面临浏览器兼容性问题。本文旨在深入...

    CSS浏览器兼容问题整理

    ### CSS浏览器兼容问题整理 #### 一、引言 在前端开发过程中,浏览器兼容性问题一直是开发者们关注的重点之一。由于不同的浏览器对于CSS的支持程度不一,这导致了许多原本简单的样式实现起来却变得异常复杂。本文...

    div+css浏览器兼容问题

    在探讨“div+css浏览器兼容问题”这一主题时,我们首先需要理解,浏览器兼容性问题主要源于不同浏览器对Web标准的解析和实现存在差异。这不仅包括主流浏览器如Chrome、Firefox、Safari、Edge以及IE(尤其是IE6)之间...

    最全的CSS浏览器兼容问题.

    ### 最全的CSS浏览器兼容问题解析 随着Web技术的发展与普及,不同的浏览器版本对CSS的支持程度也各有不同,这导致了在开发过程中经常会遇到各种各样的兼容性问题。本文将全面解析常见浏览器(如IE6/IE7/IE8/IE9、...

    div+css浏览器兼容问题解决方法.doc

    以下是一些解决`div+css`浏览器兼容问题的方法: 1. **DOCTYPE声明**: 为了确保浏览器按照W3C标准解析CSS,必须在HTML文档开头添加正确的DOCTYPE声明,例如`&lt;!DOCTYPE html&gt;`。这将确保浏览器以标准模式渲染页面...

    最全的CSS浏览器兼容问题整理

    【CSS浏览器兼容问题详解】 在Web开发中,CSS(层叠样式表)是用于控制网页布局和样式的语言。然而,不同的浏览器对CSS的支持程度和解析方式可能存在差异,导致兼容性问题。以下是一些常见的CSS在不同浏览器,尤其...

Global site tag (gtag.js) - Google Analytics