HTML | DOM 按钮名称 属性

DOM 按钮名称属性用于设置或返回按钮元素的名称属性值。 name 属性用于指定按钮的名称，用于在用户提交表单数据时引用表单数据。它还指的是 javascript 中的元素。

句法：

• 它用于返回 name 属性。

  buttonObject.name

• 它用于设置名称属性。

  buttonObject.name = name

属性值

• name：它指定按钮的名称。

返回值返回一个代表按钮名称的字符串值。

示例 1：此程序说明了如何返回名称属性。

  

    DOM button name Property

  

     
            GeeksforGeeks 
        
  
     
            DOM button name Property 
        
    
        Click me!
  
    
  
    
        function geek() {
            
            // Return name value.
            var x = document.getElementById("btn").name;
            document.getElementById("g").innerHTML = x;
        }
    

  

输出 ：

点击按钮前：

点击按钮后：

示例 2：此程序说明了如何显示和更改名称属性。

  

    DOM button name Property

  

     
            GeeksforGeeks 
        
  
     
            DOM button name Property 
        
  
    
  
        My Button
      
  
        
          
         Click the buttons below to display and/or
            change the value of the name attribute 
            of the button above.
          
      
  

  Display name
      

  Change name
      
  

function display() {
  var x = document.getElementById("GFG").name;
  alert("The name of the button is: " + x);
}
  
function change() {
    
  // Set button name value.
  var x = document.getElementById("GFG").name = 
      "GeeksForGeeks";
  alert ("The name was changed to: " + x);
}

  

输出：

最初：

单击显示按钮之前：

单击更改按钮后：

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

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