ตัวอย่าง
กลับสูงด้านนอกของ <div> องค์ประกอบ:
$("button").click(function(){
alert($("div").outerHeight());
});
ลองตัวเอง» ความหมายและการใช้งาน
outerHeight() วิธีการส่งกลับสูงด้านนอกขององค์ประกอบคู่แรกก่อน
ขณะที่ภาพด้านล่างแสดงให้เห็นถึงวิธีการนี้รวมถึงการขยายและชายแดน
เคล็ดลับ: หากต้องการให้มีอัตรากำไรขั้นต้นให้ใช้ outerHeight(true)
วิธีการที่เกี่ยวข้อง:
- width() - ชุดหรือส่งกลับความกว้างของสิ่งนั้น ๆ
- height() - ชุดหรือผลตอบแทนที่สูงของสิ่งนั้น ๆ
- innerWidth() - ส่งกลับความกว้างของสิ่งนั้น ๆ (รวม padding)
- innerHeight() - ส่งกลับความสูงขององค์ประกอบนี้ (รวมถึงช่องว่าง)
- outerWidth() - ส่งกลับความกว้างขององค์ประกอบนี้ (รวมถึงการขยายและชายแดน)
วากยสัมพันธ์
$(selector).outerHeight( includeMargin )| พารามิเตอร์ | ลักษณะ |
|---|---|
| includeMargin | ไม่จำเป็น ค่าบูลีนระบุหรือไม่ที่จะรวมถึงอัตรากำไรขั้นต้น
|
ลองตัวเอง - ตัวอย่าง
รวมถึงอัตรากำไรขั้นต้น
specifiy หรือไม่ที่จะรวมถึงอัตรากำไรขั้นต้น
ขนาดจอแสดงผลด้วยวิธีการที่เกี่ยวข้อง
วิธีการใช้ width(), height(), innerHeight(), innerWidth(), outerWidth() และ outerHeight()