O setAttribute() O método é usado para definir ou adicionar um atributo a um elemento específico e fornece um valor para ele. Se o atributo já existir, ele apenas define ou altera o valor do atributo. Então, também podemos usar o setAttribute() método para atualizar o valor do atributo existente. Se o atributo correspondente não existir, será criado um novo atributo com o nome e valor especificados. Este método não retorna nenhum valor. O nome do atributo é convertido automaticamente em letras minúsculas quando o usamos em um elemento HTML.
Embora possamos adicionar o estilo atributo usando o setAttribute() método, mas é recomendado não usar este método para estilizar. Para adicionar estilos, podemos usar as propriedades do objeto de estilo que efetivamente alterarão o estilo. Isso pode ficar claro com o código a seguir.
Maneira incorreta
obj em java
Recomenda-se não utilizá-lo para alterar o estilo.
element.setAttribute('style', 'background-color: blue;');
Maneira correta
A maneira correta de alterar o estilo é fornecida abaixo.
element.setAttribute.backgroundColor = 'blue';
Para obter o valor de um atributo, podemos usar o getAtributo() método, e para remover um atributo específico de um elemento, podemos usar o removeAtribute() método.
Se estivermos adicionando um atributo booleano como desabilitado , então qualquer que seja o valor que tenha, é sempre considerado como verdadeiro . Se precisarmos definir o valor do atributo booleano como falso , temos que remover o atributo inteiro usando o removerAtributo() método .
Sintaxe
element.setAttribute(attributeName, attributeValue)
Os argumentos deste método não são opcionais. Ambos os parâmetros devem ser incluídos ao usar este método. Os valores dos parâmetros deste método são definidos a seguir.
Valores de parâmetros
Nome do Atributo: É o nome do atributo que queremos adicionar a um elemento. Não pode ficar vazio; ou seja, não é opcional.
Valor do atributo: É o valor do atributo que estamos adicionando a um elemento. Também não é um valor opcional.
Vamos entender como usar setAttribute() método usando algumas ilustrações.
renomear no diretório linux
Exemplo 1
Neste exemplo, estamos adicionando um href atributo com valor de 'https://www.javatpoint.com/' para o marcar com id = 'link' .
JavaScript setAttribute() method function fun() { document.getElementById('link').setAttribute('href', 'https://www.javatpoint.com/'); } <h2> It is an example of adding an attribute using the setAttribute() method. </h2> <a id="link"> javaTpoint.com </a> <p> Click the follwing button to see the effect. </p> Add attribute Teste agora Saída
Após a execução do código acima, a saída será -
Podemos perceber que antes de clicar no botão determinado, o link não é criado. Após clicar no botão, a saída será -
Agora podemos ver que o link foi criado.
Exemplo2
Neste exemplo, estamos atualizando o valor de um atributo existente usando o setAttribute() método. Aqui, estamos convertendo um campo de texto em um botão, alterando o valor de tipo atributo de texto para botão .
Temos que clicar no botão especificado para ver o efeito.
JavaScript setAttribute() method function fun() { document.getElementById('change').setAttribute('type', 'button'); } <h2> It is an example to update an attribute's value using the setAttribute() method. </h2> <p> Click the follwing button to see the effect. </p> Change Teste agora Saída
Após a execução do código acima, a saída será -
Após clicar no botão, a saída será -
Shreya Ghoshal primeiro marido
Exemplo3
Aqui, estamos adicionando um atributo booleano desabilitado para desativar o botão especificado. Se definirmos o valor de desabilitado atributo para uma string vazia, então ele é automaticamente definido como verdadeiro, o que faz com que o botão seja desabilitado.
JavaScript setAttribute() method function fun() { document.getElementById('btn').setAttribute('disabled', ''); } <h2> Example of the setAttribute() method. </h2> <p> Click the following button to see the effect </p> Click me Teste agora Saída
Após a execução do código acima, a saída será -
Após clicar no botão, a saída será -
