El método DOM removeAttributeNode() se utiliza para eliminar el atributo especificado del elemento actual. Es similar al método removeAttribute() pero la diferencia es que el método removeAttribute se usa para eliminar el atributo con el nombre especificado, pero por otro lado removeAttributeNode elimina el objeto de atributo especificado.
Sintaxis:
element.removeAttributeNode(name)
Donde nombre es el Node de atributo que se eliminará. Es el campo requerido.
Valor devuelto: Devuelve el Node de atributo a eliminar.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM removeAttributeNode Method</title>
<style>
.gfg {
color: green;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>
DOM removeAttributeNode Method
</h2>
<p id="p" class="gfg">
A computer science portal for geeks.
</p>
<button onclick="Geeks()">Click Here!</button>
<script>
function Geeks() {
var d = document.getElementById("p");
var color = d.getAttributeNode("class");
// Removing attribute node.
d.removeAttributeNode(color);
}
</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 removeAttributeNode() se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
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