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 是一个整数,表示元素的 clientWidthclientWidth 是一个只读属性。

示例

Image:Dimensions-client.png

规范

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

备注

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

浏览器兼容性

BCD tables only load in the browser

参见