การแปลงค่าที่อ่านได้ใน JavaScript

ฟังก์ชัน getComputedStyles ไม่ได้รับค่าที่กำหนดไว้ใน CSS โดยตรง มันแปลงค่าดังกล่าวเป็นค่าสัมบูรณ์ ซึ่งมักเป็นหน่วยพิกเซล

มาดูตัวอย่างกัน สมมติว่าเรากำหนดความกว้างเป็นเปอร์เซ็นต์:

css#elem {
  width: 100%;
}

อย่างไรก็ตาม เมื่ออ่านค่าความกว้าง เราจะได้รับ ค่าไม่ใช่เปอร์เซ็นต์ แต่เป็นหน่วยพิกเซล:

javascriptconsole.log(computedStyle.width); // ค่าเป็น px

css#elem {
  font-size: 2em;
}