读取内联之外的样式

最新推荐文章于 2019-08-17 14:16:48 发布

weixin_34395205

最新推荐文章于 2019-08-17 14:16:48 发布

阅读量50

点赞数

原文链接：https://yq.aliyun.com/articles/376388

版权

样式表有三种方式

      内嵌样式（inline Style）：是写在Tag里面的，内嵌样式只对所有的Tag有效。

     内部样式（internal Style Sheet）：是写在HTML的<head></head>里面的，内部样式只对所在的网页有效。

      外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

下面的是读取除了内嵌样式之外样式的js，只能读不能写。

 
     
   
 
    var 
     mydiv  
    = 
     document.getElementById( 
    ' 
    mydiv 
    ' 
    );
 
    if 
    (mydiv.currentStyle) {
        
    var 
     width  
    = 
     mydiv.currentStyle[ 
    ' 
    width 
    ' 
    ];
       alert( 
    ' 
    ie: 
    ' 
      
    + 
     width);
 }  
    else 
      
    if 
    (window.getComputedStyle) {
        
    var 
     width  
    = 
     window.getComputedStyle(mydiv ,  
    null 
    )[ 
    ' 
    width 
    ' 
    ]
       alert( 
    ' 
    firefox: 
    ' 
      
    + 
     width);
 }

 另外在FF下还可以通过下面的方式获取
 document.defaultView.getComputedStyle(mydiv, 
    null 
    ).width
 window.getComputedStyle(mydiv ,  
    null 
    ).width 
   
 
     
   

运行代码

本文转自豪情博客园博客，原文链接：http://www.cnblogs.com/jikey/archive/2010/05/07/1729605.html，如需转载请自行联系原作者

weixin_34395205

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
读取内联之外的样式

样式表有三种方式内嵌样式（inline Style）：是写在Tag里面的，内嵌样式只对所有的Tag有效。内部样式（internal Style Sheet）：是写在HTML的<head></head>里面的，内部样式只对所在的网页有效。外部样式表（External Style Sheet...
复制链接

扫一扫