美文网首页
JS如何设置盒模型的宽和高

JS如何设置盒模型的宽和高

作者: 成熟稳重的李先生 | 来源:发表于2021-04-15 21:13 被阅读0次
//只能获取内联样式设置的宽高
dom.style.width/height

//获取渲染后即时运行的宽高,值是准确的。但只支持 IE
dom.currentStyle.width/height

//获取渲染后即时运行的宽高,值是准确的。兼容性更好
window.getComputedStyle(dom).width/height;

//获取渲染后即时运行的宽高,值是准确的。兼容性也很好,一般用来获取元素的绝对位置,getBoundingClientRect()会得到4个值:left, top, width, height
dom.getBoundingClientRect().width/height;

相关文章

  • CSS盒模型

    基本概念 标准模型与IE模型的区别 css如何设置这两种模型 js如何设置获取盒模型对应的宽和高 根据盒模型解释边...

  • 3-2 CSS盒模型

    1、标准模型 2、IE模型 3、CSS如何设置这两个模型 4、JS如何获取盒模型对应的宽和高 5、实例题 6、BF...

  • JS如何设置盒模型的宽和高

  • 盒模型

    标准盒模型 IE盒模型关键在与内容是否包括border和paddingjs如何获取盒模型对应的宽和高dom.st...

  • CSS盒模型

    对CSS盒模型的认识 标准模型 + IE模型 标准模型和IE模型的区别 CSS如何设置这两种模型 js如何设置盒模...

  • JS获取宽高

    JS获取宽高通过JS获取盒模型对应的宽和高,有以下几种方法: 为了方便书写,以下用dom来表示获取的HTML的节点...

  • js获取盒模型宽和高的方法

  • 前端小册 - 浅谈CSS盒模型

    CSS盒模型的知识点 基本概念:标准盒模型和IE模型 标准模型和IE模型的区别 CSS如何设置这两种模型 JS如何...

  • 盒模型

    标准盒模型:设置的宽高即为内容的宽高 IE盒模型:设置的宽高为content+padding+border的总长 ...

  • task9-1

    盒模型包括哪些属性 包括:margin 外边距border 边框padding 内边距content 内容(宽和高...

网友评论

      本文标题:JS如何设置盒模型的宽和高

      本文链接:https://www.haomeiwen.com/subject/iagphktx.html