En este artículo, veremos cómo eliminar todos los atributos de un elemento HTML usando jQuery. Para eliminar todos los atributos de los elementos, usamos el método removeAttributeNode() .
Sintaxis:
$.fn.removeAllAttributes = function() {
return this.each(function() {
$.each(this.attributes, function() {
this.ownerElement.removeAttributeNode(this);
});
});
};
$('textarea').removeAllAttributes();
En el siguiente ejemplo, estamos creando un elemento de área de texto que contiene algunos atributos como: filas, columnas, id y nombre. Cuando aplicamos el código anterior en el elemento textarea, se eliminarán todos los atributos.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to remove all attributes of
an HTML element using jQuery?
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
#txtarea {
font-size: 18px;
background-color: green;
}
</style>
<script>
$(document).ready(function() {
$("#position").on('click', function() {
$.fn.removeAllAttributes = function() {
return this.each(function() {
$.each(this.attributes, function() {
this.ownerElement.removeAttributeNode(this);
});
});
};
$('textarea').removeAllAttributes();
});
});
</script>
</head>
<body>
<center>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>
How to remove all attributes of
an HTML element using jQuery?
</h3>
<input type="button" id="position"
value="Remove All Attributes"
style="padding: 5px 10px;">
<br><br>
<textarea rows="7" cols="35" id="txtarea"
name="comment">Welcome to GeeksforGeeks
</textarea>
</center>
</body>
</html>
Producción:
