用JAVASCRIPT怎么能得到css中的属性值。

<html><head>
<style>.gggg { border: black 30px solid; }
</style>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<table id="ggggggg" class="gggg">
<tr>
<td>
ddddddddddddddd</td>
</tr>
</table>
<script language=javascript>
var oStyleSheet=document.styleSheets[0];
var oRule=oStyleSheet.rules[0];
alert(oRule.style.borderBottomWidth);</script>
</form>
</body>
</HTML>

解决方案 »

  1.   

    我可能没说明白我的意识。我要从table中得到这个属性。（前提是我不知道table中有css还是直接定义属性值。）有没有可能从table中得到这个属性。
      

  2.   

    document.getElementById("tableId").style.borderBottomWidth
      

  3.   

    //多判断有个 就可以了，这个是css的<html><head>
    <style>.gggg { border: black 30px solid; }
    </style>
    </HEAD>
    <body MS_POSITIONING="GridLayout">
    <form id="Form1" method="post" runat="server">
    <table id="ggggggg" class="gggg">
    <tr>
    <td>
    ddddddddddddddd</td>
    </tr>
    </table>
    <script language=javascript>
    var xx=document.getElementById("ggggggg").className ;var oStyleSheet=document.styleSheets[0];
    var oRules=oStyleSheet.rules;
    var index = GetIndex(oRules,xx);
    if(index>=0)
    { 
    var oRule = oRules[index];
    alert(oRule.style.borderBottomWidth);
    }
    function GetIndex(rules,text)
    {
     for(var i =0 ;i<rules.length;i++)
    {
       if(rules[i].selectorText =="."+text ) return i ;}
     return -1;
    }                         </script>
    </form>
    </body>
    </HTML>
      

  4.   

    得到class不就行了吗?搞那么复杂啊
    getElementById("gggg").className