如果不在某元素上添加类似的样式:style="font-size:20px;",在不同浏览器上获取样式的属性值的方式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type= "text/javascript" >
         function  test(){
         
             var  x = document.getElementById( "t1" );
             //判断打开的哪个浏览器
             if (x.currentStyle){ //ie
                 var  size = x.currentStyle[ 'fontSize' ];
                 alert(size);
             } else  if (window.getComputedStyle){ //ff Google...
                 var  size= window.getComputedStyle(x, null )[ 'fontSize' ];
                 alert(size);
             }
 
         }
</script>

动态添加的样式:

1
2
3
4
5
6
<style type= "text/css" >
         #t 1 {
             font-size : 20px ;
             color : #ffff00 ;
         }
</style>

body部分的测试:

1
2
3
4
< body >
< div  id = "t1" >test</ div >
< input  type = "button"  value = "click"  onclick = "test();" />
</ body >