HTML | DOM 仪表对象

DOM Meter 对象用于表示 HTML 元素。计量元素由getElementById()访问。

特性：

• 形式：它属于一种或多种它也属于的形式。
• max：用于指定范围的最大值。
• min：用于指定范围的最小值。
• 高：用于指定被认为是高值的范围。
• 低：用于指定被认为是低的范围值。
• 最佳值：用于指定范围的最佳值。
• value：用于指定范围的要求或实际值。

句法：

document.getElementById("ID");

其中“id”是分配给“meter”标签的ID。

示例 1：

  

    DOM Meter Object

  

    GeeksforGeeks
    DOM Meter Object: Sachin's score:
    
    
    
      5 out of 10
    
    
    Laxma score:
  
    
    50% from 100% 
    
    
    
      Submit
    
    
    
    
    
        function Geeks() {
              
            //  Accessing 'meter' tag.
            var g = 
             document.getElementById("GFG").value;
            document.getElementById("sudo").innerHTML = g;
        }
    
    

  
                                         

输出：

单击按钮之前：

点击按钮后：

示例 2：可以使用 document.createElement方法创建 Meter 对象。

  

    DOM Meter Object
  
    
        body {
            font-size: 20px;
        }
    

  

    
        GeeksforGeeks
        DOM Meter Object
  
        Sachins score:
    
    Submit
    
        function myGeeks() {
  
            //  Creating meter object using
            //  document.createElement.
            var g = document.createElement("METER");
            g.setAttribute("min", "0");
            g.setAttribute("max", "10");
            g.setAttribute("value", "5");
            document.body.appendChild(g);
        }
    

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM Meter Object支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器