Metodo setAttributeNode() dell'elemento DOM HTML

Definizione e uso

setAttributeNode() Il metodo aggiunge il nodo attributo specificato all'elemento e restituisce l'oggetto Attribute.

Se l'attributo specificato esiste già, questo metodo lo sostituirà.

Soluzione alternativa:

Usa Metodo setAttribute() Più facile.

Vedi anche:

Manuale di riferimento:

Metodo getAttributeNode()

Metodo removeAttributeNode()

Metodo createAttribute()

Metodo getAttribute()

Metodo setAttribute()

Metodo hasAttribute()

Proprietà del valore dell'attributo

Oggetto Attribute del DOM HTML

Tutorial:

Attributi HTML

Differenze tra setAttribute() e setAttributeNode()

setAttribute() Metodo di sostituzione del valore dell'attributo.

setAttributeNode() Metodo di sostituzione dell'oggetto Attribute.

Prima di aggiungere l'attributo all'elemento, devi creare l'oggetto Attr e impostare il valore di Attr.

Il risultato sarà lo stesso.

Esempio

Esempio 1

Imposta il nodo attributo della proprietà class del primo elemento <h1>:

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

Prova tu stesso

Prima dell'impostazione:

Hello World

Dopo l'impostazione:

Hello World

Esempio 2

Imposta il nodo Attr dell'attributo href dell'elemento <a>:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

Prova tu stesso

Prima dell'impostazione:

Visita codew3c.com

Dopo l'impostazione:

Visita codew3c.com

Sintassi

element.setAttributeNode(newAttr)

Parametro

Parametro Descrizione
newAttr Obbligatorio. Rappresenta il nodo Attr da aggiungere o il cui valore deve essere modificato.

Ritorna il valore

Tipo Descrizione
Oggetto

Rappresenta l'oggetto Attr del nodo Attr sostituito.

Se non è stato sostituito alcun attributo, è null.

Solleva

Questo metodo solleva un'eccezione DOMException contenente il seguente codice:

Eccezione Descrizione
INUSE_ATTRIBUTE_ERR newAttr È già membro di un insieme di attributi di un altro nodo Elemento.
NO_MODIFICATION_ALLOWED_ERR Il nodo Elemento corrente è readonly e non è permesso modificare le sue proprietà.
WRONG_DOCUMENT_ERR newAttr L'attributo ownerDocument è diverso dal nodo Elemento che si desidera impostare.

Supporto del browser

element.setAttributeNode() È una funzionalità del DOM Level 1 (1998).

Tutti i browser lo supportano completamente:

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