หากตำแหน่งของผู้ปกครอง div ถูกกำหนดให้เป็นญาติและตำแหน่งของ div เด็กถูกกำหนดเป็นสัมบูรณ์ดังนั้นค่าของสไตล์การออกจากเด็ก div จะสัมพันธ์กับค่าของผู้ปกครอง div
นี่เป็นเช่นเดียวกับ Offsetleft ความแตกต่างคือ:
1. style.left ส่งคืนสตริงเช่น 28px, Offsetleft ส่งคืนค่า 28 ถ้าคุณต้องการคำนวณค่าที่ได้รับมันจะสะดวกกว่าที่จะใช้ Offsetleft
2. style.left คือการอ่าน-เขียน, Offsetleft เป็นแบบอ่านอย่างเดียวดังนั้นในการเปลี่ยนตำแหน่งของ DIV คุณสามารถปรับเปลี่ยน Style.left เท่านั้น
3. ค่าของ style.left จะต้องกำหนดล่วงหน้ามิฉะนั้นค่าที่ได้จะว่างเปล่า และจะต้องกำหนดไว้ใน HTML ฉันได้ลองแล้ว หากมีการกำหนดไว้ใน CSS ค่าของ style.left ยังคงว่างเปล่า นี่คือปัญหาที่ฉันพบในตอนแรก ฉันไม่สามารถรับคุณค่าของสไตล์ได้
Offsetleft ยังสามารถรับได้โดยไม่ต้องกำหนดตำแหน่งของ DIV ล่วงหน้า
// ฟังก์ชั่นนี้เป็นการดำเนินการในกล่องแบบเลื่อนลงที่จัดประเภทไม่ จำกัด มีกล่องแบบเลื่อนลงเพียงกล่องเดียวที่จุดเริ่มต้น เมื่อเลือกค่าของกล่องแบบเลื่อนลง
สร้างรายการที่เลือกแบบไดนามิกและรายการที่เลือกเป็นคลาสย่อยและในเวลาเดียวกันกล่องเลือกของคลาสย่อยจะต้องถูกย้ายกลับ 20px;
การคัดลอกรหัสมีดังนี้:
function itemtree_cats_change (selectobj)
ความแตกต่างระหว่าง style.left และ Offsetleft ใน JavaScript มีดังนี้:
วันนี้เมื่อฉันสร้างภาพม้าหมุนโฟกัสฉันพบปัญหา เมื่อใช้ style.left เพื่อรับตำแหน่งของภาพฉันไม่สามารถรับได้ คุณสามารถรับได้สำเร็จโดยเปลี่ยนเป็น Offsetleft แม้ว่าฉันจะได้รับผลกระทบที่ฉันต้องการ แต่ฉันก็ยังไม่เต็มใจที่จะยอมรับมัน ฉันไม่พบเหตุผลและรู้สึกแปลก ๆ ดังนั้นฉันจึงเปิดการเขียนโปรแกรม JavaScript ขั้นสูงดูจุดความรู้ทั้งหมดที่เกี่ยวข้องกับ Style.left และ Offsetleft และทำการเปรียบเทียบต่อไปนี้
(i) สำหรับแอตทริบิวต์คลาส letleft โปรแกรม JavaScript Advanced อธิบายดังนี้:
องค์ประกอบ HTML ใด ๆ ที่รองรับคุณสมบัติสไตล์มีแอตทริบิวต์สไตล์ที่สอดคล้องกันใน JavaScript วัตถุสไตล์นี้เป็นอินสแตนซ์ของ CSSSTYLEDECLARATION ซึ่งมีข้อมูลสไตล์ทั้งหมดที่ระบุโดยคุณลักษณะสไตล์ของ HTML แต่ไม่มีสไตล์ที่ซ้อนกับแผ่นสไตล์ภายนอกหรือแผ่นสไตล์ฝังตัว (กุญแจอยู่ในประโยคนี้! แอตทริบิวต์ CSS ใด ๆ ที่ระบุในแอตทริบิวต์สไตล์จะถูกแสดงเป็นแอตทริบิวต์ที่สอดคล้องกันของวัตถุสไตล์นี้
(ii) สำหรับคุณสมบัติสะสมของ Offsetleft:
Offsetleft: ระยะห่างของพิกเซลระหว่างขอบด้านนอกด้านซ้ายขององค์ประกอบและขอบด้านในซ้ายขององค์ประกอบที่มีองค์ประกอบ
OFFSETTOP: ระยะห่างของพิกเซลระหว่างขอบด้านนอกด้านบนขององค์ประกอบและขอบด้านในบนขององค์ประกอบที่มีองค์ประกอบ
ผ่านการอ่านหนังสือและปัญหาที่พบในวันนี้จะมีการสรุปรูปแบบต่อไปนี้
ความคล้ายคลึงกัน
1. style.left และ Offsetleft เป็นทั้งค่าที่สัมพันธ์กับองค์ประกอบหลักของพวกเขา
ความแตกต่าง
1. style.left ส่งคืนสตริงด้วย px; Offsetleft ส่งคืนค่าตัวเลข
2. สิ่งที่สามารถอ่านได้ในรูปแบบซ้ายสามารถกำหนดค่าได้; Offsetleft สามารถอ่านได้ แต่ไม่ได้กำหนดค่า