เช่นเดียวกับที่เรียกใช้

clientHeight

clientHeight เช่นเดียวกับที่เรียกใช้

clientHeight เช่นเดียวกับที่เรียกใช้

เช่นเดียวกับที่เรียกใช้ดูเพิ่มเติม:

CSS Box Model Tutorial

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

ขอบเขต clientWidth

ขอบเขต clientTop

ขอบเขต clientLeft

ขอบเขต offsetHeight

ขอบเขต offsetWidth CSS overflow 属性ถ้าต้องการเพิ่มลิ่นความยาวให้กับองค์ประกอบ ใช้

.

ตัวอย่าง

ตัวอย่าง 1

มีลิ่นความยาว:
เข้าถึงความสูงและความกว้างของ "myDIV" รวมถึงพื้นที่ด้านใน:
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";

ทดสอบด้วยตัวเอง

สyntaxelement

.clientHeight

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

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

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

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