CSSPrimitiveValue: getFloatValue() method
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
Phương thức getFloatValue() của giao diện CSSPrimitiveValue dùng để lấy giá trị float theo đơn vị đã chỉ định. Nếu giá trị CSS này không chứa giá trị float hoặc không thể chuyển đổi sang đơn vị đã chỉ định, một DOMException sẽ được ném ra.
Note: Phương thức này là một phần của nỗ lực tạo ra CSS Object Model có kiểu. Nỗ lực này đã bị từ bỏ và hầu hết các trình duyệt không triển khai nó.
Để đạt được mục đích của bạn, bạn có thể sử dụng:
- CSS Object Model không có kiểu, được hỗ trợ rộng rãi, hoặc
- CSS Typed Object Model API hiện đại, ít được hỗ trợ hơn và được coi là thử nghiệm.
Cú pháp
getFloatValue(unit)
Tham số
unit-
Một
unsigned shortđại diện cho mã kiểu đơn vị, theo đó giá trị sẽ được trả về. Các giá trị hợp lệ là:Hằng số Mô tả CSS_CMGiá trị là <length>tính bằng centimet.CSS_DEGGiá trị là <angle>tính bằng độ.CSS_DIMENSIONGiá trị là <number>với kích thước không xác định.CSS_EMSGiá trị là <length>tính bằng đơn vị em.CSS_EXSGiá trị là <length>tính bằng đơn vị ex.CSS_GRADGiá trị là <angle>tính bằng grad.CSS_HZGiá trị là <frequency>tính bằng Hertz. Giá trị có thể lấy bằng phương thức getFloatValue.CSS_INGiá trị là <length>tính bằng inch.CSS_KHZGiá trị là <frequency>tính bằng Kilohertz.CSS_MMGiá trị là <length>tính bằng milimet.CSS_MSGiá trị là <time>tính bằng miligiây.CSS_NUMBERGiá trị là <number>đơn giản.CSS_PCGiá trị là <length>tính bằng pica.CSS_PERCENTAGEGiá trị là <percentage>.CSS_PTGiá trị là <length>tính bằng điểm.CSS_PXGiá trị là <length>tính bằng pixel.CSS_RADGiá trị là <angle>tính bằng radian.CSS_SGiá trị là <time>tính bằng giây.
Giá trị trả về
Giá trị float theo đơn vị đã chỉ định.
Ngoại lệ
| Kiểu | Mô tả |
|---|---|
DOMException |
Một INVALID_ACCESS_ERR được ném ra nếu giá trị CSS không
chứa giá trị float hoặc giá trị float không thể chuyển đổi sang
đơn vị đã chỉ định.
|
Ví dụ
const cs = window.getComputedStyle(document.body);
const cssValue = cs.getPropertyCSSValue("margin-top");
console.log(cssValue.getFloatValue(CSSPrimitiveValue.CSS_CM));
Thông số kỹ thuật
Tính năng này ban đầu được định nghĩa trong đặc tả DOM Style Level 2, nhưng kể từ đó đã bị loại bỏ khỏi mọi nỗ lực chuẩn hóa.
Nó đã được thay thế bởi một CSS Typed Object Model API hiện đại nhưng không tương thích, hiện đang trong lộ trình chuẩn hóa.