tutoriais mais recente desenvolvimento web
 

HTML DOM createAttribute() Method

<Document Object

Exemplo

Criar um atributo de classe, com o valor "democlass" , e inseri-lo a um <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>

Antes de criar o atributo:

Hello World

Depois de inserir o atributo:

Hello World

Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

O createAttribute() método cria um atributo com o nome especificado, e retorna o atributo como um objecto Atr.

Dica: Use o atributo .value propriedade para definir o valor do atributo.

Dica: Use o elemento. setAttributeNode() método para adicionar o atributo recém-criado para um elemento.

Dica: Muitas vezes, você vai querer usar o elemento. setAttribute() método em vez do createAttribute() método.


Suporte navegador

Método
createAttribute() sim sim sim sim sim

Sintaxe

document.createAttribute( Os valores dos parâmetros
Parâmetro Tipo Descrição
attributename Attr object Requeridos. O nome do atributo que você deseja criar

Detalhes técnicos

Valor de retorno: Um objecto do nó, que representa o created atributo
DOM Versão Núcleo Nível Objeto 1 Documento

Exemplos

mais Exemplos

Exemplo

Criar um atributo href, com o valor "www.w3ii.com" , e inseri-lo a um <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>

Antes de criar o atributo:

Depois de inserir o atributo:

Tente você mesmo "

<Document Object