Thuộc tính high của đối tượng Meter trong HTML DOM trả về hoặc thiết lập một số tương ứng với thuộc tính high của phần tử <meter>. Nên sử dụng kết hợp với các thuộc tính low, min và max để có kết quả tốt hơn.
Cú pháp
Lấy giá trị thuộc tính high
meterElementObject.high
Thiết lập giá trị thuộc tính high
meterElementObject.high = number
Ví dụ
Dưới đây là ví dụ minh họa cho thuộc tính Meter high:
<!DOCTYPE html> <html> <head> <title>Meter high</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-high</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="70" value="85"></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(effect){ var paulaLifeSource = document.getElementById("paulaLifeSource"); var Immunity = paulaLifeSource.high; paulaLifeSource.high = 90; divDisplay.textContent = 'Miễn dịch tăng lên '+paulaLifeSource.high+' 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ế':
