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()方法支持的瀏覽器:
- 穀歌瀏覽器
- IE瀏覽器
- 火狐瀏覽器
- Opera
- 蘋果瀏覽器
相關用法
- p5.js removeAttribute()用法及代碼示例
- HTML DOM contains()用法及代碼示例
- HTML DOM isDefaultNamespace()用法及代碼示例
- HTML DOM scrollIntoView()用法及代碼示例
- HTML DOM createTextNode()用法及代碼示例
- HTML DOM setNamedItem()用法及代碼示例
- HTML DOM Storage key()用法及代碼示例
- HTML DOM removeNamedItem()用法及代碼示例
- HTML DOM importNode()用法及代碼示例
- HTML DOM normalizeDocument()用法及代碼示例
- HTML DOM setAttributeNode()用法及代碼示例
- HTML DOM addEventListener()用法及代碼示例
- HTML DOM createDocumentFragment()用法及代碼示例
- HTML DOM blur()用法及代碼示例
- HTML DOM getElementsByName()用法及代碼示例
注:本文由純淨天空篩選整理自Vishal Chaudhary 2大神的英文原創作品 HTML | DOM removeAttribute() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。