如何取style中设置的font-size的值？

document.getElemetnById('ID').style.属性名
附带一下属性对照表
JavaScript CSS Style属性对照表
盒子标签和属性对照
CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) 
border 　　border 
border-bottom 　　borderBottom 
border-bottom-color 　　borderBottomColor 
border-bottom-style　　 borderBottomStyle 
border-bottom-width 　　borderBottomWidth 
border-color 　　borderColor 
border-left 　　borderLeft 
border-left-color 　　borderLeftColor 
border-left-style 　　borderLeftStyle 
border-left-width 　　borderLeftWidth 
border-right 　　borderRight 
border-right-color 　　borderRightColor 
border-right-style 　　borderRightStyle 
border-right-width 　　borderRightWidth 
border-style 　　borderStyle 
border-top 　　borderTop 
border-top-color 　　borderTopColor 
border-top-style 　　borderTopStyle 
border-top-width 　　borderTopWidth 
border-width 　　borderWidth 
clear 　　clear 
float　　 floatStyle 
margin 　　margin 
margin-bottom 　　marginBottom 
margin-left 　　marginLeft 
margin-right 　　marginRight 
margin-top 　　marginTop 
padding 　　padding 
padding-bottom 　　paddingBottom 
padding-left 　　paddingLeft 
padding-right 　　paddingRight 
padding-top　　 paddingTop 
颜色和背景标签和属性对照
CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) 
background 　　background 
background-attachment 　　backgroundAttachment 
background-color　　 backgroundColor 
background-image 　　backgroundImage 
background-position　　 backgroundPosition 
background-repeat 　　backgroundRepeat 
color 　　color 
样式标签和属性对照
CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) 
display 　　display 
list-style-type　　 listStyleType 
list-style-image 　　listStyleImage 
list-style-position　　 listStylePosition 
list-style　　 listStyle 
white-space　　 whiteSpace 
文字样式标签和属性对照
CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) 
font　　 font 
font-family　　 fontFamily 
font-size　　 fontSize 
font-style　　 fontStyle 
font-variant　　 fontVariant 
font-weight 　　fontWeight 
文本标签和属性对照
CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) 
letter-spacing　　 letterSpacing 
line-break　　 lineBreak 
line-height　　 lineHeight 
text-align　　 textAlign 
text-decoration 　　textDecoration 
text-indent 　　textIndent 
text-justify　　 textJustify 
text-transform 　　textTransform 
vertical-align　　 verticalAlign

解决方案 »

  1.   

    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head id="Head1" runat="server"> 
        <title>无标题页 </title> 
        <script type="text/javascript"> 
        function test()
        {
            var f1 = document.getElementById("f1");
            var s = f1.style["fontSize"]+"\n" 
                    +f1.style["fontFamily"]+"\n" 
                    +f1.style["color"]+"\n" 
                    +f1.style["fontWeight"]+"\n" 
                    +f1.style["fontStyle"]+"\n" 
                    +f1.style["textDecoration"]+"\n" 
           alert(s);
        }
        </script> 
    </head> 
    <body onload="test()"> 
    <font id="f1" style="font-size:12px;font-family:arial; color:red;font-weight:bold;font-style:italic;text-decoration:overline">aaaa</font>
    </body> 
    </html> 
    或者f1.style.fontSize，规律自己一看就知道了
    text-decoration
    =》textDecoration