Ejemplo
Eliminar la class nodo de atributo de un <h1> elemento:
var elmnt = document.getElementsByTagName("H1")[0]; // Get the first
<h1> element in the document
var attr = elmnt.getAttributeNode("class");
// Get the class attribute node from <h1>
elmnt.removeAttributeNode(attr);
// Remove the class attribute node from <h1>
Antes de quitar el nodo de atributo:
Hello World
Después de eliminar el nodo de atributo:
Hello World
Inténtalo tú mismo " Definición y Uso
El removeAttributeNode() método elimina el specified atributo de un elemento, y devuelve el removed atributo, como un objeto Attr Node .
La diferencia entre este método y removeAttribute() método, es que el removeAttribute() método elimina el atributo con el nombre especificado, mientras que este método elimina el objeto Attr especificado. El resultado será el mismo. También, el removeAttribute() método no tiene ningún valor de retorno, mientras que este método devuelve el removed atributo, como un objeto Attr.
Consejo: Utilice la getAttributeNode() método para devolver un nodo de atributo de un elemento.
Consejo: Utilice la setAttributeNode() método para agregar un nodo de atributo a un elemento.
Soporte del navegador
Método | |||||
---|---|---|---|---|---|
removeAttributeNode() | Sí | Sí | Sí | Sí | Sí |
Sintaxis
element .removeAttributeNode( attributenode )
Los valores de los parámetros
Parámetro | Tipo | Descripción |
---|---|---|
attributenode | Attr object | Necesario. El nodo de atributo que desea eliminar |
Detalles técnicos
Valor de retorno: | Un objeto Attr, que representa el removed nodo de atributo |
---|---|
Versión DOM | Nivel básico 1 Elemento de objetos |
Más ejemplos
Ejemplo
Retire el href nodo de atributo de un <a> elemento:
var elmnt = document.getElementById("myAnchor"); // Get the <a> element
with id="myAnchor"
var attr = elmnt.getAttributeNode("href");
// Get the href attribute node from <a>
elmnt.removeAttributeNode(attr);
// Remove the href attribute node from <a>
Antes de quitar el nodo de atributo:
Después de eliminar el nodo de atributo:
Go to w3ii.com
Inténtalo tú mismo " Páginas relacionadas
HTML Tutorial: atributos HTML
HTML DOM Referencia: El atributo de objeto HTML DOM
HTML DOM Referencia: href="met_element_removeattribute.html"> removeAttribute() Method
HTML DOM Referencia: href="met_element_getattributenode.html"> getAttributeNode() Method
HTML DOM Referencia: href="met_element_setattributenode.html"> setAttributeNode() Method