DOM Meter min属性用于设置或返回仪表中的min属性值。 min属性用于指定量规的下限。min属性的值必须小于max属性的值。它的默认值为0。
用法:
- 它返回min属性。
meterObject.min
- 用于设置min属性。
meterObject.min = number
属性值:它包含值,即用于指定浮点数的数字,该浮点数表示仪表的最小值。
返回值:它返回一个数值,该数值代表量规的最小值。
示例1:本示例返回min属性。
<!DOCTYPE html>
<html>
<head>
<title>
DOM Meter min Property
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM Meter min 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="20"
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").min;
document.getElementById("sudo").innerHTML =
g;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
示例2:本示例返回min属性。
<!DOCTYPE html>
<html>
<head>
<title>
DOM Meter min Property
</title>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h2>
DOM Meter min 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="20"
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").min =
"10";
document.getElementById("sudo").innerHTML =
"The value of the min attribute was changed to "
+ g;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:DOM Meter min属性支持的浏览器如下:
- Chrome
- Firefox
- Safari 6.0
- Opera
相关用法
- HTML Meter low用法及代码示例
- HTML Meter value用法及代码示例
- HTML Meter max用法及代码示例
- HTML Meter optimum用法及代码示例
- HTML Meter high用法及代码示例
- HTML <meter> low属性用法及代码示例
- HTML <meter> max属性用法及代码示例
- HTML DOM meter用法及代码示例
- HTML <meter> value属性用法及代码示例
- HTML <meter> high属性用法及代码示例
- HTML <meter> optimum属性用法及代码示例
- HTML <meter> form属性用法及代码示例
- HTML5 <meter>标记用法及代码示例
- HTML DOM URL用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Meter min Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。