เรารู้ว่าใน IE คุณสามารถใช้คุณสมบัติ CurrentStyle อย่างไรก็ตามหากความกว้างและความสูงขององค์ประกอบไม่ปรากฏขึ้นการใช้แอตทริบิวต์นี้จะไม่ได้รับและค่าที่ได้คืออัตโนมัติ ดังนี้
การคัดลอกรหัสมีดังนี้:
<div> abcd </div>
<script>
var div = document.getElementsByTagname ('div') [0];
การแจ้งเตือน (div.currentstyle.width);
การแจ้งเตือน (div.currentstyle.height);
</script>
เอาต์พุตทั้งหมดใน IE6/7/8/9 เป็นอัตโนมัติ หากตั้งค่าความกว้างและความสูงบนจอแสดงผลเอาท์พุทจะเป็นความกว้างและความสูงที่แท้จริง ดังนี้
1. การตั้งค่าผ่านแอตทริบิวต์สไตล์อินไลน์
การคัดลอกรหัสมีดังนี้:
<div> abcd </div>
<script>
var div = document.getElementsByTagname ('div') [0];
การแจ้งเตือน (div.currentstyle.width);
การแจ้งเตือน (div.currentstyle.height);
</script>
2. ฝังแท็กสไตล์ผ่านการตั้งค่าหน้า
การคัดลอกรหัสมีดังนี้:
<style>
Div {
ความกว้าง: 100px;
ความสูง: 50px;
-
</style>
<div> abcd </div>
<script>
var div = document.getElementsByTagname ('div') [0];
การแจ้งเตือน (div.currentstyle.width);
การแจ้งเตือน (div.currentstyle.height);
</script>
ทั้งหมดจะเอาท์พุท: 100px, 50px