JavaScript中标签的占位

标准盒模型的占位应当是外边距(margin)+边框(border)+内边距(padding)+内容。

内容 + padding + border

标签对象.offsetWidth 宽

标签对象.offsetHeight 高

    

    

运行结果: 

JavaScript中标签的占位_第1张图片

内容 + padding

标签对象.clientWidth 宽

标签对象.clientHeight 高

    

    

运行结果:

JavaScript中标签的占位_第2张图片

上 左 边框线宽度

标签对象.clientTop

标签对象.clientLeft

    


    

运行结果: 

JavaScript中标签的占位_第3张图片

当前标签 距离 JavaScript定位父级的间距

标签对象.offsetTop

标签对象.offsetLeft

注意:

标签没有父级 / 父级没有定位 
    定位父级是      body 也就是 html文档

标签有父级 并且 父级有定位属性
    定位父级是      父级标签

标签有固定定位 
    定位父级是      null 也就是 视窗窗口
    
标签如果是 display:none 标签没有占位

    


    

JavaScript中标签的占位_第4张图片

 

你可能感兴趣的:(JavaScript基础,javascript,前端,开发语言)