Javascript Reference - HTML DOM Meter low Property
The low property sets or gets the low attribute in a gauge.
The low attribute from meter element
specifies the low value.
This value must be greater than the min attribute value, and less than the high and max attribute values.
Browser Support
 |
 |
 |
 |
 |
|
|---|---|---|---|---|---|
low |
Yes | No | Yes | Yes | Yes |
Syntax
Return the low property.
var v = meterObject.low
Set the low property.
meterObject.low=number
Property Values
| Value | Description |
|---|---|
| number | Set a value considered to be a low value |
Return Value
A Number type value representing a number that is considered to be a low value.
Example
The following code shows how to get the low attribute in a gauge.
<!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 ww. ja v a 2 s .c o m-->
var x = document.getElementById("myMeter").low;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
The code above is rendered as follows:
Example 2
The following code shows how to change the low attribute in a gauge.
<!DOCTYPE html>
<html>
<body>
<meter id="myMeter" min="0" low="40" high="95" max="100" value="65"></meter>
<button onclick="myFunction()">test</button>
<script>
function myFunction() {<!-- w w w .j a v a 2 s . c om-->
document.getElementById("myMeter").low = "60";
}
</script>
</body>
</html>
The code above is rendered as follows: