El método DOM removeAttribute() se usa para eliminar un atributo con un nombre específico del elemento. Es similar al método removeAttributeNode() pero la diferencia es que el método removeAttributeNode se usa para eliminar el objeto de atributo especificado, pero por otro lado removeAttribute elimina el atributo con el nombre especificado.
Sintaxis:
element.removeAttribute(name)
Donde nombre es la string que especifica el nombre del atributo a eliminar del elemento. Es el campo requerido.
Ejemplo:
html
<!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>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con el método removeAttribute() se enumeran a continuación:
- Google cromo 1
- Borde 12
- explorador de Internet 5
- Firefox 1
- Ópera 8
- Safari 1
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA