JavaScript 使用offsetWidth 和offsetHeight

■知識點

    使用offsetWidth和offsetHeight屬性可以獲取元素的尺寸，其中offsetWidth表示元素在頁面中所占據的總寬度，offsetHeight表示元素在頁面中所占據的總高度。

■實例設計

使用offsetWidth和offsetHeight屬性獲取元素的大小。

<div style="height:200px;width:200px;">

    <div style="height:50%;width:50%;">

        <div style="height:50%;width:50%;">

            <div style="height:50%;width:50%;">

                <div id="div" style="height:50%;width:50%;border-style:solid;"> 

                </div>

            </div>

        </div>

    </div>

</div>

<script>

var div = document.getElementById("div");

var w = div.of fsetWidth; //返回元素的總寬度

var h = div.offsetHeight;   //返回元素的總高度

</script>