Método removeAttributeNode() del elemento HTML DOM

Definición y uso

eliminarAtributoNodo() Método elimina el atributo del elemento y devuelve Objeto Attr.

Diferencia entre eliminarAtributo() y eliminarAtributoNodo()

removeAttribute() Método de eliminación de atributo y no devuelve ningún valor.

eliminarAtributoNodo() Método de eliminación Objeto Attry devuelve el objeto eliminado.

El resultado será el mismo.

Solución alternativa:

Uso Método removeAttribute() más fácil.

Vea también:

Manual de referencia:

Método getAttributeNode()

Método setAttributeNode()

Método createAttribute()

Método getAttribute()

Método setAttribute()

Método hasAttribute()

Valor de atributo

Objeto de atributo HTML DOM

Tutoriales:

Atributos HTML

Ejemplo

Ejemplo 1

Eliminar el nodo de atributo class del primer elemento <h1>:

const element = document.getElementsByTagName("H1")[0];
const attr = element.getAttributeNode("class");
element.removeAttributeNode(attr);

Prueba por ti mismo

Ejemplo 2

Eliminar el nodo de atributo href del enlace:

const element = document.getElementById("myAnchor");
const attr = element.getAttributeNode("href");
element.removeAttributeNode(attr);

Prueba por ti mismo

Sintaxis

element.removeAttributeNode(oldAttr)

Parámetro

Parámetro Descripción
oldAttr Obligatorio. El nodo de atributo que se debe eliminar.

Valor de retorno

Tipo Descripción
Objeto Objeto que representa el atributo eliminado.

Lanza

Excepción Descripción
NO_MODIFICATION_ALLOWED_ERR El elemento actual es de solo lectura y no se permite eliminar atributos.
NOT_FOUND_ERR oldAttr No es un atributo del elemento actual.

Descripción

Este método eliminará (y devolverá) el nodo Attr del conjunto de atributos del elemento actual. Si el DTD ha establecido un valor predeterminado para el atributo eliminado, este método agregará un nuevo nodo Attr que representa ese valor predeterminado.

Consejo:Uso Método removeAttribute() A menudo es más simple reemplazar este método.

Compatibilidad del navegador

element.removeAttributeNode() Es una característica de DOM Level 1 (1998).

Todos los navegadores lo soportan completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte 9-11 Soporte Soporte Soporte Soporte