Exceções ao trabalhar com atributos em JavaScript
Ao trabalhar com atributos, existe uma exceção
- é o atributo class.
Esta palavra é especial em JavaScript
e, portanto, não podemos simplesmente escrever elem.class
para ler o valor do atributo class.
Em vez disso, devemos escrever elem.className.
Vamos ver um exemplo. Suponha que temos o seguinte input:
html<input id="elem" class="aaa bbb">
Vamos exibir o valor do atributo class
para o nosso input:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // exibirá 'aaa bbb'
Existem outras exceções, por exemplo,
o atributo for. Devemos acessá-lo
através de htmlFor.
Dado um div:
html<div id="elem" class="content no-gap"></div>
Há também um botão. Ao clicar no botão, leia
e exiba na tela o valor do atributo class
do nosso div.
Dado um div:
html<div id="elem"></div>
Há também um botão. Ao clicar no botão, escreva
no atributo class do nosso div alguma
classe.
Dado um div com várias classes CSS, escritas separadas por espaço:
html<div id="elem" class="aaa bbb ccc"></div>
Há também um botão. Ao clicar no botão, obtenha um array das classes CSS do nosso div.