Manipular o CSS

Para fazer modificações no CSS usando o JavaScript.

Usa o mesmo contesto, que você usa no CSS.

Mas no JS não há "hifen" entre alguns dos comados do "CSS", exemplo:
background-color => fica assim no JS => backgroundcolor

Vamos começar colocando dentro do "body" a tag h1 com o texto ="JavaScript"
h1 JavaScript /h1

Crie agora um "button" e nele colocaremos um evento, que vai acionar uma função:
button onclick="acao()" "Clique aqui" /button

Veja como é o código:

Agora para fazer modificações no "h1", vamos na tag script e cria a função:

Exemplo de código:

Abra a tag "script", dentro dela coloque:

//funçao.
function acao () {

//obter o elemento h1 = pega o h1, na posição "2"
var texto =document.getElementsByTagName("h1")[2];

_//CSS => coloca uma cor na var => "texto"
_texto.style.color = "#ffAa21";

_//CSS = muda o "tamanho da fonte", do que tem na var "texto"
_texto.style.fontSize = "5rem";

_// vai modificar o texto dentro da var "texto"
___texto.innerHTML = "Curso de JavaScript";

} fecha o "function"

Veja como é o código:

Teste prático, clique no botão abaixo e veja se será feito as modificações:
Para voltar, atualize a página.

JavaScript