Thuộc tính low của đối tượng Meter trả về hoặc thiết lập một số tương ứng với thuộc tính low của phần tử <meter>. Nên sử dụng kết hợp với các thuộc tính high, min và max để có kết quả tốt hơn.
Cú pháp
Lấy giá trị thuộc tính low
meterElementObject.low
Thiết lập giá trị thuộc tính low
meterElementObject.low = number
Ví dụ
Dưới đây là ví dụ minh họa cho thuộc tính Meter low:
<!DOCTYPE html> <html> <head> <title>Meter low</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>Meter-low</legend> <label for="paulaLifeSource">Mức rủi ro sức khỏe của Paula: </label> <meter id="paulaLifeSource" max="100" min="0" high="80" low="60" value="70"></meter> <input type="button" onclick="lifeSource()" value="Hộp y tế"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); divDisplay.textContent = 'Nguồn sống tại '+paulaLifeSource.value; function lifeSource(){ var paulaLifeSource = document.getElementById("paulaLifeSource"); var Immunity = paulaLifeSource.low; paulaLifeSource.low = 75; divDisplay.textContent = 'Miễn dịch tăng lên '+paulaLifeSource.low+' từ '+Immunity; } </script> </body> </html>
Kết quả
Ví dụ này sẽ cho kết quả sau:
Trước khi nhấn nút 'Hộp y tế':
Sau khi nhấn nút 'Hộp y tế':
