HTML | DOM toggleAttribute() 方法

元素接口的toggleAttribute()方法在给定元素上切换布尔属性。可以使用此方法更改元素的属性。

句法：

Element.toggleAttribute("attribute_name");

参数：

• Name_of_attribute：要切换的属性的名称。当对 HTML 文档中的 HTML 元素调用toggleAttribute()时，属性名称会自动转换为全部小写。

返回值：如果存在属性名称则返回真，否则返回假。

示例：在此示例中，我们将 input 元素的属性切换为readonly 。当对 HTML 文档中的 HTML 元素调用toggleAttribute()时，属性名称会自动转换为全部小写。

  

    
    ToggleAttribute
    
  
        function change() {
            var input = 
            document.querySelector("input");
              
            input.toggleAttribute("readonly");
        }
    

  

    GeeksforGeeks
    
  
    
        Click to change attribute
    

  

输出：

在此输出中，您可以看到单击按钮后，输入元素的属性变为“只读” ，因此变为不可编辑。

支持的浏览器： DOM toggleAttribute() 方法支持的浏览器如下：

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