HTML | DOM 输入按钮值属性

HTML DOM 中的DOM Input Button value 属性用于设置或返回Button 字段的 value 属性的值。 value 属性指定显示在按钮上的文本。

句法：

• 它返回 value 属性。

  buttonObject.value

• 它用于设置 value 属性。

  buttonObject.value = text

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

返回值：它返回表示按钮字段值的字符串值。

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

  

    
        h1 {
            color: green;
        }
    

  

    
      GeeksForGeeks
  
     
      DOM Input Button value Property 
  
  
    
    
  
    
  
  
    
        function myGeeks() {
  
            // accessing 'button' id. 
            var g = 
                document.getElementById(
                  "GFG").value;
            
            document.getElementById(
              "sudo").innerHTML = g;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

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

  

    
        h1 {
            color: green;
        }
    

  

    GeeksForGeeks
     
      DOM Input Button value Property 
  
  
    
    
  
    
  
  
    
        function myGeeks() {
  
            // accessing 'button' id. 
            var g = 
                document.getElementById(
                  "GFG").value = "click here";
            
            document.getElementById(
              "sudo").innerHTML = 
              "The value was changed to " + g;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM input Button value 属性支持的浏览器如下：

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