すたらSample

【jQuery 1.3.1】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;
}

a	b
c	d

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

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