javascript获取元素的高宽是什么代码呀

Question

包括 内边距 边框 外边距分别是哪些代码呀  谢谢

Answer 1

    var div = document.getElementById('two');

    //clientHeight和clientWidth用于描述元素内尺寸，是指 元素内容+内边距 大小，不包括边框（IE下实际包括）、    //外边距、滚动条部分
    var clientHeight = div.clientHeight;
    var clientWidth = div.clientWidth;
    div.innerHTML += '<br/>'+'元素内容+内边距(高): ' + clientHeight + '<br/>';
    div.innerHTML += '元素内容+内边距(宽): ' + clientWidth + '<br/>';

    //clientTop和clientLeft返回内边距的边缘和边框的外边缘之间的水平和垂直距离，也就是左，上边框宽度
    var clientLeft = div.clientLeft;
    var clientTop = div.clientTop;
    div.innerHTML += '边框宽度(左): ' + clientLeft + '<br/>';
    div.innerHTML += '边框宽度(上): ' + clientTop + '<br/>';

    //offsetHeight和offsetWidth用于描述元素外尺寸，是指 元素内容+内边距+边框，不包括外边距和滚动条部分
    var offsetHeight = div.offsetHeight;
    var offsetWidth = div.offsetWidth;
    div.innerHTML += '元素内容+内边距+边框(高): ' + offsetHeight + '<br/>';
    div.innerHTML += '元素内容+内边距+边框(宽): ' + offsetWidth + '<br/>';

    //offsetTop和offsetLeft表示该元素的左上角（边框外边缘）与已定位的父容器（offsetParent对象）左上角的距/    //离
    var offsetLeft = div.offsetLeft;
    var offsetTop = div.offsetTop;
    div.innerHTML += '外边距(左): ' + offsetLeft + '<br/>';
    div.innerHTML += '外边距(上): ' + offsetTop + '<br/>';

    //offsetParent对象是指元素最近的定位（relative,absolute）祖先元素，递归上溯，如果没有祖先元素是定位的/    //话，会返回null
    var offsetParent = div.offsetParent;
    div.innerHTML += '父级元素ID: ' + offsetParent.id + '<br/>';

    //scrollLeft和scrollTop是指元素滚动条位置，它们是可写的