Web Sites com Ajax

JavaScript

Método setAttribute

O método setAttribute tem a finalidade de inserir ou modificar um atributo em um determinado elemento existente.

Em certos momentos, quando criamos algum elemento, precisamos definir alguns atributos para ele e o método setAttribute tem esse propósito.

Consideremos o script abaixo:

// 1º
var newElement = document.createElement(h1);
// 2º
newElement.appendChild(document.createTextNode("Curso iMasters - Web Sites com Ajax"));
// 3º
newElement.setAttribute('id','titulo');
// 4º
newElement.setAttribute('class','destaque');
// 4º
conteudo.appendChild(newElement);

Todo o processo realizado no script acima já é de nosso conhecimento, com exceção do método setAttribute, que lhe explicarei agora.

Como dito anteriormente, esse método tem o propósito de criar atributos para um determinado elemento.

No exemplo acima, criamos os atributos id e class e defimos respectivamente os seguintes valores: titulo e destaque.

Então, a sintaxe do método compreende no seguinte:

setAttribute('nomeDoAtributo','valorDoAtributo');

Veja a demonstração desse exemplo.