`

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和js的浏览器兼容问题汇总

    css和js的浏览器兼容问题汇总,希望能帮到大家

    js浏览器兼容问题的大全

    js浏览器兼容问题的大全,CSS书写规范,js代码规范

    浏览器兼容报告

    浏览器兼容报告。css和js的浏览器兼容问题总结。

    CSS 多浏览器兼容性问题及解决方案

    Javascript 多浏览器兼容性问题及解决方案 兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF:...

    46种常见的浏览器兼容性问题大汇总

    1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 ...25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法撑开容器的高度 3

    css与javascript跨浏览器兼容性总结

    本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题。分享给大家供大家参考。具体总结如下: 一、CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float...

    详解CSS3浏览器兼容

    本篇介绍了CSS3与页面布局学习总结——浏览器兼容与前端性能优化,具体如下: 一、浏览器兼容 1.1、概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦...

    css兼容性问题总结笔记

    自己遇见的一些常见的css兼容性问题。和css hack 自己总结出来后生产pdf文档带书签的。 CSS兼容性笔记 1 一 css hack 1 1.直接案例 1 2. hack写法列表 1 3.在IE7+浏览器中按照IE7文档模式 1 4. 注意 Html头部的声明...

    DIV+CSS 浏览器兼容性小结

    在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!

    Javascript 多浏览器兼容性问题及解决方案

    CSS 多浏览器兼容性问题及解决方案一、document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements [“elementName”];Firefox 下...

    css3处理所有浏览器都兼容的无图片圆角问题

    这是一个css3里的属性处理圆角技术的问题,其中也包括用全用js处理圆角问题,在这里提供大家,希望对大家做网页有点用

    网站制作经验(浏览器兼容性)

    网站制作经验(浏览器兼容性),本人写CSS+js遇到的问题以及解决办法

    javascript 动态生成css代码的两种方法

    javascript 动态生成css代码的两种方法 有时候我们需要利用js来动态生成页面上style标签中的css代码,方法很直接,就是直接创建一个style元素,然后设置style元素里面的css代码,最后把它插入到head元素中。但有些...

    Calendar.js:一个JavaScript日历库,可完全响应并与所有现代浏览器兼容

    这是一个JavaScript日历库,可完全响应并与所有现代浏览器兼容。 功能包括: 添加,更新和删除事件,并具有完整的自定义颜色支持。 完整的API可通过公共功能获得。 拖放事件。 可配置的翻译文本。 日,周,月...

    Javascript解决常见浏览器兼容问题的12种方法

    在本文中,我们会揭开你在开发web应用是可能会遇到的12个最常见的CSS问题的javascript解决方案。 1. 自动匹配高度 自从我们抛弃了基于Table的页面布局后,创建同等高度栏目或内容盒子的视觉效果已然是一个挑战。 ...

    html+css+js网页设计

    html css js网页设计CSS 要点: 样式化页面布局: 使用 CSS 来设计页面的布局,包括定位、盒模型、布局...兼容性和浏览器差异: 不同浏览器对 CSS 属性的解释和渲染方式可能有所不同,需要考虑到浏览器兼容性问题。

    jQuery学习笔记之jQuery+CSS3的浏览器兼容性

    正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更好的标准支持。 jQuery通过预先的javascript编程,提供了几乎所有css3标准下的选择器。开发者可以利用这些选择器轻松选择各种元素。供javascript编程使用...

Global site tag (gtag.js) - Google Analytics