css小白 发表于 2018-8-8 16:28:04

P82元素尺寸的相关概念之元素尺寸

原文:

      元素尺寸,对应jQuery中$().width()和$().height()方法,包括padding和border,也就是元素的borderbox尺寸.
                  原生DOMAPI中写作offsetWidth和offsetHeight,所以有时候也成为"元素偏移尺寸".
经测试,元素尺寸,也就是borderbox尺寸,对应jQuery中$().width()和$().height()方法不符.
代码如下:
<div class="size"id="box"></div>
.size{
      border: 10px solid #000;
      width: 80px;
      height: 80px;
}

jQuery:
$('.size').click(function(){
      width=$(this).width();
      height=$(this).height();
      console.log(width);
      console.log(height);
});//结果宽80 高80不包含边框值

JS:
var oDiv=document.getElementById('box');
console.log(oDiv.offsetWidth);//宽100
console.log(oDiv.offsetHeight);//高100


admin 发表于 2018-8-28 13:46:00

恩恩,多谢反馈,这个应该在4印的时候修正了。
页: [1]
查看完整版本: P82元素尺寸的相关概念之元素尺寸