Question

我正在开发响应式设计，并尝试在页面宽度为1500px时找到元素的宽度。 div中有填充，因此当我右键单击并检查元素时输出的宽度不正确。

我尝试打开控制台并执行此操作：

var aDiv = document.getElementById('header');
console.log(aDiv.style.width);

和此：

var aDiv = document.getElementById('header');
getComputedStyle(aDiv);

但都没有奏效。如何在屏幕上绘制div的宽度（包括填充）？这甚至可能吗？

Answer 1

确实有可能。

使用jQuery -

$("elementnamehere").width();

如果要更改元素的宽度 -

$("elementnamehere").width(80);

将“80”更改为您想要的任何宽度。

请记住，函数计算的宽度为px。

干杯！

Answer 2

clientWidth 是元素的内部宽度（以像素为单位）。它包括填充但不包括垂直滚动条（如果存在，如果呈现），边框或边距。