Meter low Property - Javascript DOM HTML Element

Javascript examples for DOM HTML Element:Meter

  1. HOME
  2. Javascript
  3. DOM HTML Element
  4. Meter

Description

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

This value must be greater than the min attribute value, and less than the high and max attribute values.

Set the low property with the following Values

Value Description
number Sets a floating point number that is considered to be a low value

Return Value

A Number, representing a floating point number that is considered to be a low value

The following code shows how to change the value of the low attribute in a gauge:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<meter id="myMeter" min="0" low="40" high="95" max="100" value="65"></meter>

<button onclick="myFunction()">Test</button>

<p id="demo"></p>

<script>
function myFunction() {//from w  w  w . ja va 2s. co m
    document.getElementById("myMeter").low = "60";
    document.getElementById("demo").innerHTML = "The value of the low attribute was changed from '40' to '60'.";
}
</script>
</body>
</html>

Related Tutorials