HTML | DOM 输入范围值属性

HTML DOM 中的DOM Input Range value 属性用于设置或返回滑块控件或输入范围字段的值。该属性指定默认值或用户类型值。

句法：

• 它返回 value 属性。

  rangeObject.value

• 它用于设置 value 属性。

  rangeObject.value = number

属性值：它包含一个值，即数字，用于指定滑块控件的值。它的默认值为 50。

返回值：它返回一个字符串值，该值表示表示滑块控件值的数字。

示例 1：此示例说明如何返回值 Property。

  

    
        HTML DOM Input range value Property
    


    #Geek_p {
        font-size: 30px;
        color: green;
    }

  

  
     
            GeeksForGeeks 
        
  
    DOM Input Range value property 
  
    
    
    
    
        Click Here
    
    
    
        function myGeeks() {
            var x = 
            document.getElementById(
              "Geek_Range").value;
            
            document.getElementById(
              "Geek_p").innerHTML = x;
        }
    

  

输出：
单击按钮之前：

点击按钮后：

示例 2：此示例说明如何设置值属性。

  

    
        HTML DOM Input range value Property
    


    #Geek_p {
        font-size: 30px;
        color: green;
    }

  

  
     
            GeeksForGeeks 
        
  
    DOM Input Range value property 
    
    
    
    
        Click Here
    
    
    
        function myGeeks() {
            
            // Set range value.
            var x = 
            document.getElementById(
              "Geek_Range").value = 60;
            
            document.getElementById(
              "Geek_p").innerHTML = 
              "The value of the range attribute was changed to "
            + x;
        }
    

  

输出 ：

点击按钮前：

点击按钮后：

支持的浏览器： DOM输入范围值属性支持的浏览器如下：

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