Element.clientWidth

内联元素以及没有 CSS 样式的元素的 clientWidth 属性值为 0。Element.clientWidth 属性表示元素的内部宽度，以像素计。该属性包括内边距 padding，但不包括边框 border、外边距 margin 和垂直滚动条（如果有的话）。

当在根元素(<html>元素)上使用clientWidth时(或者在<body>上，如果文档是在quirks(怪异)模式下)，将返回viewport的宽度(不包括任何滚动条). This is a special case of clientWidth.

该属性值会被四舍五入为一个整数。如果你需要一个小数值，可使用 element.getBoundingClientRect()。

语法

var intElemClientWidth = element.clientWidth;

intElemClientWidth 是一个整数，表示元素的 clientWidth。clientWidth 是一个只读属性。

示例

Image:Dimensions-client.png

规范

规范 状态 备注
CSS Object Model (CSSOM) View Module
clientWidth		 Working Draft

备注

clientWidth 首次出现于微软 IE 早期的 DHTML 对象模型中。

浏览器兼容性

BCD tables only load in the browser

参见