要素の実際の幅と高さを取得すると、IEのCurrentStyleプロパティを使用できることがわかっています。ただし、要素の幅と高さが表示されない場合、この属性を使用することは取得されず、取得された値はAUTOです。次のように
コードコピーは次のとおりです。
<div> abcd </div>
<スクリプト>
var div = document.getElementsByTagname( 'div')[0];
アラート(div.currentstyle.width);
アラート(div.currentstyle.height);
</script>
IE6/7/8/9のすべての出力はAUTOです。幅と高さがディスプレイに設定されている場合、出力は実際の幅と高さです。次のように
1。インラインスタイルの属性を設定します
コードコピーは次のとおりです。
<div> abcd </div>
<スクリプト>
var div = document.getElementsByTagname( 'div')[0];
アラート(div.currentstyle.width);
アラート(div.currentstyle.height);
</script>
2。ページから埋め込まれたスタイルタグ付きの設定
コードコピーは次のとおりです。
<style>
div {
幅:100px;
高さ:50px;
}
</style>
<div> abcd </div>
<スクリプト>
var div = document.getElementsByTagname( 'div')[0];
アラート(div.currentstyle.width);
アラート(div.currentstyle.height);
</script>
すべて出力:100px、50px