java如何计算html高度,如何检索HTML元素的实际宽度和高度？

为了防止对任何人有用，我把一个文本框，按钮和div都放在同一个css中：

width:200px;

height:20px;

border:solid 1px #000;

padding:2px;

我尝试使用chrome，firefox和ie-edge，我尝试使用jquery而没有，我尝试使用和不使用 box-sizing:border-box . 始终与

结果：

Firefox Chrome IE-Edge

with w/o with w/o with w/o box-sizing

$("#t").width() 194 200 194 200 194 200

$("#b").width() 194 194 194 194 194 194

$("#d").width() 194 200 194 200 194 200

$("#t").outerWidth() 200 206 200 206 200 206

$("#b").outerWidth() 200 200 200 200 200 200

$("#d").outerWidth() 200 206 200 206 200 206

$("#t").innerWidth() 198 204 198 204 198 204

$("#b").innerWidth() 198 198 198 198 198 198

$("#d").innerWidth() 198 204 198 204 198 204

$("#t").css('width') 200px 200px 200px 200px 200px 200px

$("#b").css('width') 200px 200px 200px 200px 200px 200px

$("#d").css('width') 200px 200px 200px 200px 200px 200px

$("#t").css('border-left-width') 1px 1px 1px 1px 1px 1px

$("#b").css('border-left-width') 1px 1px 1px 1px 1px 1px

$("#d").css('border-left-width') 1px 1px 1px 1px 1px 1px

$("#t").css('padding-left') 2px 2px 2px 2px 2px 2px

$("#b").css('padding-left') 2px 2px 2px 2px 2px 2px

$("#d").css('padding-left') 2px 2px 2px 2px 2px 2px

document.getElementById("t").getBoundingClientRect().width 200 206 200 206 200 206

document.getElementById("b").getBoundingClientRect().width 200 200 200 200 200 200

document.getElementById("d").getBoundingClientRect().width 200 206 200 206 200 206

document.getElementById("t").offsetWidth 200 206 200 206 200 206

document.getElementById("b").offsetWidth 200 200 200 200 200 200

document.getElementById("d").offsetWidth 200 206 200 206 200 206

总结

以上是生活随笔为你收集整理的java如何计算html高度,如何检索HTML元素的实际宽度和高度？的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。