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

最新推荐文章于 2021-08-03 23:05:34 发布

jamst8522127

最新推荐文章于 2021-08-03 23:05:34 发布

阅读量156

点赞数

分类专栏： js 文章标签：前端 javascript ViewUI

本文链接：https://blog.csdn.net/jamst8522127/article/details/84431756

版权

js 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

最近搞的一个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>