Metodo createAttribute() del Documento DOM HTML

Definizione e uso

code>createAttribute() Il metodo crea un attributo e lo restituisce come oggetto Attr.Opzione alternativa:

Usare Metodo setAttribute() Più facile.

Vedi anche:

Metodo setAttribute()

Metodo valore attributo

Metodo setAttributeNode()

Esempio

Esempio 1

// Crea l'attributo class:
const att = document.createAttribute("class");
// Imposta il valore dell'attributo class:
att.value = "democlass";
// Aggiungi l'attributo class al primo h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

Prova a fare tu stesso

Esempio 2

// Crea l'attributo style:
const att = document.createAttribute("style");
// Imposta il valore dell'attributo style:
att.value = "color:red";
// Aggiungi l'attributo style al primo h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

Prova a fare tu stesso

Esempio 3

Aggiungi l'attributo href="www.codew3c.com" all'elemento anchor:

// Crea l'attributo href:
const att = document.createAttribute("href");
// Imposta il valore dell'attributo href:
att.value = "https://www.codew3c.com";
// Aggiungi l'attributo href all'elemento:
element.setAttributeNode(att);

Prova a fare tu stesso

Sintassi

document.createAttribute(name)

Parametro

Parametro Descrizione
name Obbligatorio. Il nome dell'attributo da creare.

Valore di ritorno

Tipo Descrizione
nodo Nuovo nodo attributo creato. L'attributo nodeName è impostato su name.

Ecco un esempio:

Se il nome contiene caratteri non validi, questo metodo solleverà un codice di errore: INVALID_CHARACTER_ERR eccezione DOMException.

Supporto del browser

document.createAttribute() È una caratteristica del DOM Level 1 (1998).

Tutti i browser lo supportano:

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