js获取div元素的高度与宽度要用的 clientHeight 与 clientWidth方法

clientHeight：返回元素的可视高度

clientWidth：返回元素的可视宽度

<div id="mochu" style="height: 200px;width:150px;color:#fff;background-color: blueviolet;">
    www.sinmeng.net
</div>
<script>
    //获取高度
    var h = document.getElementById('mochu').clientHeight;
    //获取宽度
    var w = document.getElementById('mochu').clientWidth;
    console.log(h);
    console.log(w);
</script>

jq获取高度

<div id="mochu" style="height: 100px;width:150px;">
    http://www.sinmeng.net
</div>
<script>
    //获取高度
    var h = $('#mochu').height();
    //获取宽度
    var w = $('#mochu').width();
    console.log(h);
    console.log(w);
</script>