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
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 "