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');