La propiedad DOM Meter value se utiliza para establecer o devolver el valor del atributo de valor en un indicador . El atributo de valor se utiliza para especificar el valor actual del indicador. El valor debe estar entre los valores de atributo mínimo y máximo.
Sintaxis:
- Devuelve la propiedad value.
meterObject.value
- Se utiliza para establecer la propiedad de valor.
meterObject.value = number
Valores de propiedad: contiene el valor, es decir, el número que especifica un número de coma flotante que representa el valor actual del indicador.
Valor devuelto: Devuelve un número de punto flotante que representa el valor actual del indicador.
Ejemplo: Este ejemplo devuelve una propiedad de valor.
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Meter value Property
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
DOM Meter value Property:
</h2> Sachin's score:
<!-- assigning id to meter with
properties. -->
<meter value="5"
min="0"
max="10">
5 out of 10
</meter>
<br>Laxma score:
<!-- meter tag using value property. -->
<meter id="GFG"
min="0"
low="40"
high="65"
max="100"
value="55">
</meter>
<br>
<button onclick="Geeks()">
Submit
</button>
<p id="sudo"
style="font-size:25px;
color:green;">
</p>
<script>
function Geeks() {
// Accessing 'meter' tag.
var g =
document.getElementById("GFG").value;
document.getElementById("sudo").innerHTML = g;
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: Este ejemplo establece el valor Propiedad.
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Meter value Property
</title>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h2>
DOM Meter value Property:
</h2> Sachin's score:
<!-- assigning id to meter with
properties. -->
<meter value="5"
min="0"
max="10">
5 out of 10
</meter>
<br>Laxma score:
<!-- meter tag using value property. -->
<meter id="GFG"
min="0"
low="40"
high="65"
max="100"
value="55">
</meter>
<br>
<button onclick="Geeks()">
Submit
</button>
<p id="sudo"
style="font-size:25px;
color:green;">
</p>
<script>
function Geeks() {
// Accessing 'meter' tag.
var g =
document.getElementById("GFG").value = "45";
document.getElementById("sudo").innerHTML =
"The value was changed to " + g;
}
</script>
</body>
</html>
Producción :
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con DOM Meter value Property se enumeran a continuación:
- cromo 6
- Firefox 16
- Borde 18
- Safari 6
- Ópera 11
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA