นามสกุล offsetLeft ขององค์ประกอบ HTML DOM
- หน้าก่อน offsetWidth
- หน้าต่อไป offsetParent
- กลับไปหน้าเดิม วัตถุ HTML DOM Elements
การระบุและการใช้งาน
offsetLeft การคืนค่าของนามสกุลคือตำแหน่งด้านซ้ายของพ่อ (ใช้หน่วยเป็นพิกซ์เอล) นามสกุลนี้เป็นอุปกรณ์ที่แสดงค่าแค่นี้
ค่าที่คืนค่ารวมถึง:
- ตำแหน่งด้านซ้ายและมุมเรียบขององค์ประกอบ
- เมื่อมีช่องว่างด้านซ้ายของพ่อ สลิงและเส้นขอบ
ดูเพิ่มเติม:คู่มือ CSS Box Model
offsetParent
ทุกองค์ประกอบรุ่นแบบบล็อคทุกตัวจะรายงานตำแหน่งเรื่องของพ่อหน้าเกี่ยวข้อง
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
พ่อหน้าเกี่ยวข้องหมายถึงพ่อหน้าที่ใกล้ที่สุดที่มีตำแหน่งไม่เป็นที่สถิติ
ถ้าไม่มีพ่อหน้าเกี่ยวข้องที่มีตำแหน่งไม่เป็นที่สถิติ ตำแหน่งของมันจะเป็นเรื่องของข้อความหลักของเอกสาร
ดูเพิ่มเติม:
ตัวอย่าง
ตัวอย่าง 1
หาตำแหน่ง offsetLeft ของ "myDIV"
const element = document.getElementById("myDIV");
let pos = element.offsetLeft;
ตัวอย่าง 2
หาตำแหน่ง "myDIV"
const element = document.getElementById("myDIV");
let pos1= element.offsetTop;
let pos2= element.offsetLeft;
การใช้งาน
คืนค่าตำแหน่งซ้าย:
element.offsetLeft
ค่าที่คืนค่า
| ชนิด | คำอธิบาย |
|---|---|
| ตัวเลข | ตำแหน่งด้านซ้ายขององค์ประกอบ โดยใช้หน่วยเป็นพิกซ์เอล |
การรองรับบราวเซอร์
ทุกบราวเซอร์ทุกครั้งเข้าใจ element.offsetTop：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน offsetWidth
- หน้าต่อไป offsetParent
- กลับไปหน้าเดิม วัตถุ HTML DOM Elements
