Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

ความแตกต่างระหว่าง clientHeight() และ offsetHeight() ในจาวาสคริปต์คืออะไร


คุณสามารถใช้ 2 คุณสมบัติ clientHeight และ offsetHeight เพื่อรับความสูงของ div

clientHeight รวมช่องว่างภายในของ div.

offsetHeight รวม padding, scrollBar และเส้นขอบของ div

ตัวอย่าง

ตัวอย่างเช่น หากคุณมี HTML ดังต่อไปนี้ −

<div id="myDiv" height="400px"></div>

คุณสามารถรับส่วนสูงได้โดยใช้ −

const height = document.querySelector('#myDiv').offsetHeight
console.log(height)

ผลลัพธ์

สิ่งนี้จะให้ผลลัพธ์ -

400