Gli ultimi tutorial di sviluppo web
 

HTML DOM createAttribute() Method

<Document Object

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()

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

Esempi

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 "

<Document Object