Kami tahu bahwa di IE, Anda dapat menggunakan properti CurrentStyle. Namun, jika lebar dan tinggi elemen tidak ditampilkan, maka menggunakan atribut ini tidak akan diperoleh, dan nilai yang diperoleh adalah otomatis. sebagai berikut
Salinan kode adalah sebagai berikut:
<div> ABCD </Div>
<script>
var div = document.geteLementsbyTagname ('div') [0];
alert (div.currentstyle.width);
peringatan (div.currentstyle.height);
</script>
Semua output di IE6/7/8/9 adalah otomatis. Jika lebar dan tinggi diatur pada layar, maka output adalah lebar dan tinggi yang sebenarnya. sebagai berikut
1. Pengaturan melalui atribut gaya inline
Salinan kode adalah sebagai berikut:
<div> ABCD </Div>
<script>
var div = document.geteLementsbyTagname ('div') [0];
alert (div.currentstyle.width);
peringatan (div.currentstyle.height);
</script>
2. Tag gaya sematan melalui pengaturan halaman
Salinan kode adalah sebagai berikut:
<tyle>
Div {
Lebar: 100px;
Tinggi: 50px;
}
</tyle>
<div> ABCD </Div>
<script>
var div = document.geteLementsbyTagname ('div') [0];
alert (div.currentstyle.width);
peringatan (div.currentstyle.height);
</script>
Semua akan output: 100px, 50px