Chuyển đổi giá trị đã đọc trong JavaScript
Hàm getComputedStyles không lấy
chính xác các giá trị đã được đặt trong CSS.
Nó chuyển đổi chúng thành các giá trị tuyệt đối,
thường là pixel.
Hãy xem xét một ví dụ. Giả sử chúng ta có chiều rộng được đặt theo phần trăm:
#elem {
width: 100%;
}
Tuy nhiên, khi đọc chiều rộng, chúng ta sẽ nhận được giá trị không phải phần trăm mà là pixel:
console.log(computedStyle.width); // giá trị tính bằng px
Các kiểu sau được đặt cho phần tử:
#elem {
font-size: 2em;
}
Khi nhấp vào nút, hãy xuất kích thước phông chữ của phần tử.