HTML DOM setAttributeNode() Método
❮ El Objeto ElementoEjemplo
Establezca el nodo de atributo de clase de un elemento <h1>:
var h1 = document.getElementsByTagName("H1")[0]; // Get the first <h1> element in the document
var att = document.createAttribute("class"); // Create a "class" attribute
att.value = "democlass"; // Set the value of the class attribute
h1.setAttributeNode(att); // Add the class attribute to <h1>
Antes de establecer el nodo de atributo:
Hello World
Después de configurar el nodo de atributo:
Hello World
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El método setAttributeNode() agrega el nodo de atributo especificado a un elemento.
Si el atributo especificado ya existe, este método lo reemplaza.
El valor de retorno de este método es un objeto Attr. Para obtener más información, consulte El objeto de atributo HTML DOM .
Consulte también el método setAttribute() .
Sugerencia: utilice el método removeAttributeNode() para eliminar un nodo de atributo de un elemento.
Compatibilidad con navegador
Method | |||||
---|---|---|---|---|---|
setAttributeNode() | Yes | Yes | Yes | Yes | Yes |
Sintaxis
element.setAttributeNode(attributenode)
Valores paramétricos
Parameter | Type | Description |
---|---|---|
attributenode | Attr object | Required. The attribute node you want to add |
Detalles técnicos
Valor de retorno: | Un objeto Attr, que representa el nodo de atributo reemplazado, si lo hay; de lo contrario, nulo |
---|---|
Versión DOM | Objeto de elemento de nivel básico 1 |
Más ejemplos
Ejemplo
Establezca el nodo de atributo href de un elemento <a>:
var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href"); // Create a "href" attribute
att.value = "https://www.w3schools.com"; // Set the value of the href attribute
anchor.setAttributeNode(att); // Add the href attribute to <a>
Antes de establecer el nodo de atributo:
Go to w3schools.com
Después de configurar el nodo de atributo:
páginas relacionadas
Tutorial HTML: Atributos HTML
Referencia HTML DOM: el objeto de atributo HTML DOM
Referencia HTML DOM: Método setAttribute()
Referencia HTML DOM: método document.createAttribute()
Referencia HTML DOM: atributo .valor Propiedad
Referencia HTML DOM: Método getAttributeNode()
Referencia HTML DOM: método removeAttributeNode()
❮ El Objeto Elemento