Agora você sabe como mudar 
o conteúdo de uma elemento

e os valores de seus atributos.

O que mais falta? Bem, e se
quisermos mudar o estilo?

Normalmente, faríamos isso no CSS,

mas existem vezes que queremos 
fazer isso no JavaScript,

como quando animamos 
estilos ao longo do tempo, ou

muda-los após o usuário clicar em algo,

que veremos como fazer isso 
em breve, eu prometo.

Vamos mudar o estilo do cabeçalho.

Se fizermos isso no CSS,
se pareceria com isso

<i>#heading</i> para selecionar por ID.
Depois, digamos, <i>color:orange</i>

Laranja, igual ao gato.

Agora para fazer isso em JavaScript,

primeiro temos que achar o elemento 
<i>heading</i>, que nós temos aqui.

Então, temos que acessar o atributo
<i>style</i>, com <i> ponto style</i>.

Depois, acessamos a propriedade
na qual estamos interessados: <i>color</i>

e deixar igual ao novo valor.

Vamos deletar a propriedade 
no CSS para ver se funcionou.

Sim, funcionou.

Veja que aqui embaixo temos dois pontos

porque estamos na verdade 
acessando dois objetos.

um deles é o objeto <i>element</i>, 
e outro é o objeto <i>style</i>

que contém todos os estilos para aquele
elemento como propriedades diferentes.

E se nós também quiséssemos 
mudar a cor de fundo do cabeçalho?

em CSS seria: <i>background-color: black;</i>

Vamos tentar em JavaScript.

Ficaria: <i>headingEl.style.background-color é igual à black</i>

Temos um erro. Na verdade esse 
é um comando JavaScript inválido

porque nomes de propriedades 
não podem conter hifens

Ao invés disso, precisamos converter 
o nome dessa propriedade CSS

em uma forma válida no JavaScript, que
fazemos mudando o nome da variável.

Removemos o hífen e deixamos o C maiúsculo.

Vamos testar deletando essa 
propriedade aqui e, sim, continua preto.

Agora que estou deixando "sofisticado", 
quero alinhar o cabeçalho central também

Então vou adicionar mais
uma linha aqui embaixo

<i>headingEl.style.textAlign</i>
é igual à <i>center</i>.

Mais uma vez, nós reescrevemos já que 
eram duas palavras com hífens

e agora temos esse cabeçalho que 
se parece com nosso gato

e também com Hallowen.

[Legendado por: Valter Bigeli]
[Revisado por: Pablo Vieira]