當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML DOM removeAttribute()用法及代碼示例


DOM removeAttribute()方法用於從元素中刪除具有指定名稱的屬性。它與removeAttributeNode()方法相似,但區別在於removeAttributeNode方法用於刪除指定的屬性對象,而removeAttribute則刪除具有指定名稱的屬性。

用法:

element.removeAttribute(name)

其中name是字符串,它指定要從元素中刪除的屬性的名稱。這是必填字段。


例:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
      HTML DOM removeAttribute Method 
    </title> 
    <style> 
        .gfg { 
            color:green; 
        } 
    </style> 
</head> 
  
<body style="text-align:center;"> 
    <h1 style="color:green;"> 
       GeeksforGeeks 
    </h1> 
  
    <h2> 
       DOM removeAttribute Method 
    </h2> 
  
    <p id="p" class="gfg"> 
       A computer science portal for geeks. 
    </p> 
  
    <button onclick="Geeks()"> 
        Click Here! 
    </button> 
  
    <script> 
        function Geeks() { 
            //Remove class attributes from 'p' element.  
            document.getElementById( 
                "p").removeAttribute("class"); 
        } 
    </script> 
</body> 
  
</html>

輸出:

在單擊按鈕之前:
removeAttribute

單擊按鈕後:
removeAttribute

支持的瀏覽器:下麵列出了removeAttribute()方法支持的瀏覽器:

  • 穀歌瀏覽器
  • IE瀏覽器
  • 火狐瀏覽器
  • Opera
  • 蘋果瀏覽器


相關用法


注:本文由純淨天空篩選整理自Vishal Chaudhary 2大神的英文原創作品 HTML | DOM removeAttribute() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。