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>