すたらSample

【jQuery 1.2.6】IE8における、"border-spacing"取得の実験

2009/10/29

実験用テーブル

HTML: <table id="tbl"> <tbody> <tr><td>a</td><td>b</td></tr> <tr><td>c</td><td>d</td></tr> </tbody> </table> CSS: table { border-spacing: 3em 12pt; border: solid 2px #a44; } td { border: solid 2px #44a; padding: 4px; }
ab
cd

このページをIE8で表示し、以下を試してみてください。
border-spacingの値を正常に取得できれば、その値がダイアログで
表示されます。
jQueryによる取得は、バージョンによってはエラーが発生します。

  1. jQueryで"border-spacing"を取得 alert($('#tbl').css('border-spacing'));
  2. 通常のJavascriptで"border-spacing"を取得 alert(document.getElementById('tbl').currentStyle['borderSpacing']);