Esempio
Creare un attributo di classe, con il valore "democlass" , e inserirlo in un <h1> Elemento:
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>
Prima di creare l'attributo:
Hello World
Dopo aver inserito l'attributo:
Hello World
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Il createAttribute() metodo crea un attributo con il nome specificato, e restituisce l'attributo come un oggetto Attr.
Suggerimento: Utilizzare l'attributo .value proprietà per impostare il valore dell'attributo.
Suggerimento: Utilizzare l'elemento. setAttributeNode() metodo per aggiungere l'attributo appena creato a un elemento.
Suggerimento: Spesso, si vuole utilizzare l' elemento. setAttribute() metodo anziché createAttribute() metodo.
Supporto browser
Metodo | |||||
---|---|---|---|---|---|
createAttribute() | sì | sì | sì | sì | sì |
Sintassi
document.createAttribute( valori dei parametri Parametro Tipo Descrizione attributename Attr object Necessario. Il nome dell'attributo che si desidera creare
Dettagli tecnici
Valore di ritorno: Un oggetto Node, che rappresenta il created attributo DOM Version Nucleo livello di oggetto di documento 1

Altri esempi
Esempio
Creare un attributo href, con il valore "www.w3ii.com" , e inserirla in un <a> elemento:
var anchor = document.getElementById("myAnchor"); // Get the <a>
element with id="myAnchor"
var att = document.createAttribute("href");
// Create a "href" attribute
att.value = "http://www.w3ii.com";
// Set the value of the href attribute
anchor.setAttributeNode(att);
// Add the href attribute to <a> Prima di creare l'attributo:
Dopo aver inserito l'attributo:
Prova tu stesso "