JavaScript はインライン以外のスタイルを読み取ります (style、currentStyle、getComputedStyle の違いの紹介)_javascript スキル

スタイルシートには 3 つの方法があります。
インライン スタイル: タグ内に記述されます。インライン スタイルはすべてのタグに対してのみ有効です。
内部スタイル シート: HTML の に記述されます。内部スタイルは、それが配置されている Web ページでのみ有効です。
外部スタイル シート: 多くの Web ページで同じスタイル (スタイル) を使用する必要がある場合は、接尾辞 .css を付けて CSS ファイルにスタイル (スタイル) を記述し、各ページでそれを使用します。この CSS ファイルは次で参照されています。これらのスタイルの Web ページ。

以下はインラインスタイル以外のスタイルを読み込むためのjsです。読み込みのみ可能ですが書き込みはできません。

コードをコピー コードは次のとおりです。

var mydiv = document.getElementById('mydiv ');
if(mydiv.currentStyle) {
var width = mydiv.currentStyle['width'];
alert('ie:' width); else if(window.getComputedStyle) ) {
var width = window.getComputedStyle(mydiv, null)['width']
alert('firefox:' width);
}
さらに、FF では次のように取得することもできます。次のメソッドを通じてそれを実行します
document.defaultView.getComputedStyle(mydiv,null).width
window.getComputedStyle(mydiv , null).width

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">