HTML | DOM 输入数值属性

HTML DOM 中的DOM Input Number value 属性用于设置或返回 number 字段的 value 属性的值。 value 属性指定输入数字字段的初始值。它包含默认值或用户类型。

句法：

• 它返回 value 属性。

  numberObject.value

• 它用于设置值属性。

  numberObject.value = number

属性值：它包含定义输入数字字段值的单值文本。

返回值：它返回代表数字字段值的字符串值。

示例 1：此示例说明如何返回属性。

 
 
  
     
  
         
            GeeksForGeeks 
         
  
        DOM Input Number value Property 
  
         
  
        Click the button to get the 
        number of the number field. 
  
         
            Click Here! 
         
  
         
  
         
            function myFunction() { 
                  
                // Accessing input value 
                var x = 
                document.getElementById("myNumber").value; 
                document.getElementById("demo").innerHTML = x; 
            } 
         
  
     
  
 

输出：
点击按钮前：

点击按钮后：

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

 
 
  
     
  
         
            GeeksForGeeks 
         
  
        DOM Input Number value Property 
  
         
  
        Click the button to change the 
        number of the number field. 
  
         
            Click Here! 
         
  
         
  
         
            function myFunction() { 
                  
                // Accessing input value 
                var x = 
                document.getElementById("myNumber").valued  = "20"; 
                document.getElementById("demo").innerHTML = 
                "The value of number was changed to " + x; 
            } 
         
  
     
  
 

输出 ：
点击按钮前：

点击按钮后：

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

• 谷歌浏览器
• 浏览器 10.0 +
• 火狐
• 歌剧
• 苹果浏览器