Exemplo
Adicionar a class atributo com o valor de "democlass" a um <h1> elemento:
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");Antes de definir o atributo:
Hello World
Depois de definir o atributo:
Hello World
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O setAttribute() método adiciona a specified atributo para um elemento, e dá-se o valor especificado.
Se o specified atributo já existe, apenas o valor é definido / alterado.
Nota: Embora seja possível para adicionar o style atributo com um valor de um elemento com esse método, é recomendável que você usa propriedades do objeto Style , em vez de em linha styling, porque isso não vai substituir outras propriedades CSS que podem ser especificados em o style atributo:
Mau:
element .setAttribute("style",
"background-color: red;");Boa:
element .style.backgroundColor
= "red";Dica: Use o removeAttribute() método para remover um atributo de um elemento.
Dica: Veja também a setAttributeNode() método.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.
| Método | |||||
|---|---|---|---|---|---|
| setAttribute() | sim | 9 | sim | sim | sim |
Sintaxe
element .setAttribute( attributename , attributevalue )Os valores dos parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
| attributename | String | Requeridos. O nome do atributo que você deseja adicionar |
| attributevalue | String | Requeridos. O valor do atributo que você deseja adicionar |
Detalhes técnicos
| Valor de retorno: | Nenhum valor de retorno |
|---|---|
| DOM Versão | Núcleo Nível 1 elemento de objeto |
mais Exemplos
Exemplo
Alterar um campo de entrada a um botão de entrada:
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
Antes de definir o atributo:
Depois de definir o atributo:
Tente você mesmo " Exemplo
Adicionar um atributo href com um valor de "www.w3ii.com" a um <a> elemento:
document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com"); Antes de definir o atributo:
Go to w3ii.com
Depois de definir o atributo:
Tente você mesmo "Exemplo
Descobrir se um <a> elemento tem um atributo de destino. Se assim for, altere o valor do target atribuir a "_self" :
// Get the <a> element with id="myAnchor"
var x =
document.getElementById("myAnchor");
// If the <a> element has
a target attribute, set the value to "_self"
if
(x.hasAttribute("target")) {
x.setAttribute("target", "_self");
} Tente você mesmo " Páginas relacionadas
HTML Tutorial: atributos HTML
HTML DOM Referência: href="met_element_getattribute.html"> getAttribute() Method
HTML DOM Referência: href="met_element_hasattribute.html"> hasAttribute() Method
HTML DOM Referência: href="met_element_removeattribute.html"> removeAttribute() Method