Đơ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:
elem.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:
let 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:
let 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:
let width = elem.style.width;
console.log(parseFloat(width));
Cho một div và một nút bấm. Khi nhấp vào nút bấm,
hãy đặt chiều rộng cho div là 400px,
và chiều cao là 300px.
Cho một div:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Đồng thời cho một nút bấm. Khi nhấp vào nút bấm, hãy in ra chiều rộng và chiều cao của div mà không có đơn vị đo lường.
Cho một div:
<div id="elem" style="font-size: 1.5em;">
text
</div>
Đồng thời cho một nút bấm. Khi nhấp vào nút bấm, hãy in ra kích thước phông chữ của div mà không có đơn vị đo lường.
