Đơn vị đo lường trong thuộc tính style trong JavaScript

Khi chỉ định giá trị cho các thuộc tính thông qua thuộc tính style, chúng ta phải chỉ định đơn vị đo lường:

javascriptelem.style.width = '100px';

Khi đọc các giá trị, chúng cũng sẽ được lấy cùng với đơn vị đo lường:

javascriptlet width = elem.style.width;
console.log(width); // sẽ hiển thị '100px';

Nếu cần, chúng ta có thể loại bỏ đơn vị đo lường bằng cách sử dụng parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // sẽ hiển thị 100

Nếu giá trị thập phân được dự kiến, có thể sử dụng hàm parseFloat:

javascriptlet width = elem.style.width;
console.log(parseFloat(width));

html<div id="elem" style="width: 300px; height: 200px;">
  text
</div>

html<div id="elem" style="font-size: 1.5em;">
  text
</div>