กรณีแรกคือความกว้างและความสูงถูกเขียนในแผ่นสไตล์เช่น #div1 {width: 120px;} ในกรณีนี้ความกว้างไม่สามารถรับได้ผ่าน #div1.style.width แต่ความกว้างสามารถรับได้ผ่าน #div1.offsetWidth
กรณีที่สองคือความกว้างและความสูงถูกเขียนในบรรทัดเช่น style = "ความกว้าง: 120px;" ซึ่งในกรณีนี้ความกว้างสามารถรับได้ผ่านสองวิธีข้างต้น
สรุปเนื่องจาก id.offsetWidth และ id.offSetheight ละเว้นสไตล์ที่เขียนในแผ่นสไตล์หรือในบรรทัดมันเป็นการดีที่สุดที่จะใช้คุณลักษณะทั้งสองนี้เมื่อเราได้รับความกว้างและความสูงขององค์ประกอบ โปรดทราบว่าหากแอตทริบิวต์ที่เขียนในรูปแบบบรรทัดไม่สามารถรับได้ผ่าน id.style.atrr
ทุกวันนี้การผลิตส่วนหน้าไม่ค่อยเขียนสไตล์โดยตรงอย่างมีสไตล์ แต่พวกเขาทั้งหมดเขียนในรูปแบบแผ่น หากสไตล์ที่คุณต้องการได้รับไม่สอดคล้องกับ (เพียงแค่ #div1.style.width สอดคล้องกับ #div1.offsetWidth) คุณสามารถรับแอตทริบิวต์ของแผ่นสไตล์โดยไม่ต้องใช้เบราว์เซอร์ คุณสามารถลองค้นหา "JS Get Style Properties"
รหัส:
var o = document.getElementById ("ดู"); var h = o.offsetheight; // ความสูง var w = o.offsetWidth; //ความกว้างวิธีการข้างต้นเพื่อให้ได้ความกว้างและความสูงที่แท้จริงขององค์ประกอบ HTML ใน JS คือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น