HTML DOM Element clientWidth özelliği

Tanım ve Kullanım

clientWidth Özellik, elementin görünür genişliğini döndürür, iç dolgu dahil, kenarlık, kaydırma çubuğu veya dış dolgu dahil değil, piksel olarak.

clientWidth Özellikler salt okunabilir.

Ayrıca bkz.:CSS Çerçeve Eğitimi

Ayrıca bkz.:

clientHeight özelliği

clientTop özelliği

clientLeft özelliği

offsetHeight özelliği

offsetWidth özelliği

Bir elemente kaydırma çubuğu eklemek için CSS overflow özelliği。

Örnek

Örnek 1

"myDIV" genişliğini ve yüksekliğini iç dolgu dahil olarak alın:

const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";

Kişisel olarak deneyin

Örnek 2

Örnek 2: clientHeight/clientWidth ile offsetHeight/offsetWidth arasındaki fark

Kaydırma çubuğu yok:

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";

Kişisel olarak deneyin

Kaydırma çubuğu var:

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";

Kişisel olarak deneyin

Sözdizimi

element.clientWidth

Dönüş değeri

Tür Açıklama
Sayısal Görünür genişlik (piksel olarak), iç dolgu dahil.

Tarayıcı desteği

Tüm tarayıcılar destekler element.clientWidth：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek Destek Destek Destek Destek Destek