HTML DOM Element clientHeight 属性

定义和用法

คอร์สแนะนำ: 属性返回元素的可视高度，包括内边距，但不包括边框、滚动条或外边距，以像素计。

คอร์สแนะนำ: HTML DOM Element clientHeight คุณสมบัติ

การกำหนดและการใช้งานคุณสมบัติกลับค่าความสูงที่ทำงานขององค์ประกอบ รวมถึงเมื่อเข้าพื้นที่ แต่ไม่รวมตำแหน่งเข็มหรือเส้นทาง และนอกเขต ด้วยพิกเซล

clientHeight

คุณสมบัติเป็นการอ่านเพียงครั้งเดียว

เครื่องมือใช้เดี่ยว:

ดูเพิ่มเติม:

CSS Box Model Tutorial

ดูเพิ่มเติม:

clientWidth นาที ขอบเขต overflow ของ CSSclientTop นาที

clientLeft นาที

offsetHeight นาที

offsetWidth นาที

มีกระดานหมุน:
เพื่อเพิ่มกระดานหมุนให้กับองค์ประกอบ โปรดใช้
let text = "clientHeight: " + element.clientHeight + "px<br>";

text += "offsetWidth: " + element.offsetWidth + "px";

text += "clientWidth: " + element.clientWidth + "px";

ตัวอย่าง 2: ความแตกต่างระหว่าง 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

.clientHeight

ค่าที่ส่งกลับ ประเภท
การอธิบาย ตัวเลข

การสนับสนุนบราวเซอร์

ทุกบราวเซอร์ทุกครั้งสนับสนุน element.clientHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน