兼容的话题：inline和block

最新推荐文章于 2024-07-15 14:30:35 发布

仔仔尔

最新推荐文章于 2024-07-15 14:30:35 发布

阅读量94

点赞数

原文链接：https://blog.csdn.net/mark_to_win/article/details/88624567

版权

javascript 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

2.兼容的话题：inline和block

例 2.2
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</HEAD>
<script language="JavaScript">
function swiDisplay(meO){
/*马克-to-win：火狐和IE8中me.style.display开始时是没有值的，因为style="color:red;position:relative;" 如果是style="color:red;position:relative;display:inline",就有值了。但一旦赋值后，就会一直有值了*/
     meTry=document.getElementById('redText');
     alert("meTry===me is"+(meTry===meO));
     alert("arguments[0].id is"+ arguments[0].id);
/*为什么redText可以直接用，因为是id域*/
     alert("me===redText is"+(meO===redText));
     alert("me.style.display is"+meO.style.display );
     if (window.navigator.userAgent.indexOf("MSIE") >= 1)
     {
          alert("ie");
          alert("me.currentStyle.display is"+ meO.currentStyle.display);
          meO.style.display=meO.currentStyle.display;
     }
/*可以单步调试在firebug里看看window.navigator.userAgent*/
     else if (window.navigator.userAgent.indexOf("Firefox") >= 1)
     {
          alert("firefox");
          alert("window.getComputedStyle(me1).getPropertyValue('display') is"+ window.getComputedStyle(meO).getPropertyValue('display'));
          meO.style.display=window.getComputedStyle(meO).getPropertyValue('display');
     }
     if (meO.style.display=="block"){
/*注意下面的语句，可以变成style.display=""，就是说inline
和“”效果是一样的，这只是在set时，get时getComputedStyle
会返回inline*/
        meO.style.display="inline";
        alert("文本现在是：'inline'.");
     }
     else {
        if (meO.style.display=="inline"){
            meO.style.display="block";
            alert("文本现在是：'block'.");
        }
    }
}
</script>

仔仔尔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
兼容的话题：inline和block

2.兼容的话题：inline和block例 2.2<HTML><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/></HEAD><script language="JavaScript">function swiDisp...
复制链接

扫一扫