Element.clientWidth - Web API 接口参考 编辑
内联元素以及没有 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
是一个只读属性。
示例
规范
规范 | 状态 | 备注 |
---|---|---|
CSS Object Model (CSSOM) View Module clientWidth | Working Draft |
备注
clientWidth
首次出现于微软 IE 早期的 DHTML 对象模型中。
浏览器兼容性
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.参见
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论