Javascript DOM HTML Meter low Property set

Introduction

Change the value of the low attribute in a gauge: 

document.getElementById("myMeter").low = "60";

Click the button to change the value of the low attribute of the gauge.

View in separate window 

<!DOCTYPE html>
<html>
<body>

<p>My scale: <meter id="myMeter" min="0" low="40" high="95" max="100" value="65"></meter></p>
<button onclick="myFunction()">Test</button>
<p id="demo"></p>

<script>
function myFunction() {/*from w  w w  .  j a  v a 2s .c  o  m*/
  document.getElementById("myMeter").low = "60";
  document.getElementById("demo").innerHTML = "The value of the low attribute was changed.";
}
</script>

</body>
</html>

The low property sets or gets the value of the low attribute in a gauge.

The low attribute specifies the range where the gauge's value is considered to be a low value. This value must be greater than the min attribute value, and less than the high and max attribute values.

The low property accepts and returns a number type value.




PreviousNext

Related