相关疑难解决方法(0)

如何使用更少的代码计算元素的宽度和高度及其填充/边距值?

我正在使用height()/width()方法,但它的返回值没有它的填充和边距值.我没有问题用/高度值计算总数.

这种方式有效,但我的问题是; 它太长了,无法计算所有这些.有没有办法用更少的代码计算这些没有错误?

这是jsFiddle的例子.

jQuery的:

var ele = $('div');

var eleW = ele.width();
var eleH = ele.height();

alert(eleW);//returning 200
alert(eleH);//returning 100

var eleMR = parseInt(ele.css('margin-right'));
var eleML = parseInt(ele.css('margin-left'));
var eleMT = parseInt(ele.css('margin-top'));
var eleMB = parseInt(ele.css('margin-bottom'));

var elePR = parseInt(ele.css('padding-right'));
var elePL = parseInt(ele.css('padding-left'));
var elePT = parseInt(ele.css('padding-top'));
var elePB = parseInt(ele.css('padding-bottom'));

var eleTotalWidth = eleMR + eleML + elePR + elePL + eleW;
var eleTotalHeight = eleMT + eleMB + elePT + elePB + …
Run Code Online (Sandbox Code Playgroud)

css jquery height width

5
推荐指数
1
解决办法
2546
查看次数

标签 统计

css ×1

height ×1

jquery ×1

width ×1