HTML DOM 元素 clientWidth
示例
獲取 "myDIV" 的高度和寬度，包括內邊距
const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";
自己動手試一試 »
更多示例見下文。
描述
clientWidth 屬性返回元素的可見寬度，以畫素為單位，包括內邊距，但不包括邊框、捲軸或外邊距。
clientWidth 屬性是隻讀的。
語法
元素.clientWidth
返回值
| 型別 | 描述 |
| Number | 元素的可見寬度（以畫素為單位），包括內邊距。 |
clientHeight/clientWidth 和 offsetHeight/offsetWidth 的區別
沒有捲軸時
const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";
自己動手試一試 »
有捲軸時
const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";
自己動手試一試 »
瀏覽器支援
element.clientWidth 在所有瀏覽器中都受支援
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
