Alterar a cor do texto usando JavaScript

Kushank Singh 18 outubro 2021

JavaScript

JavaScript e HTML trabalham juntos para manter o front-end de muitos aplicativos baseados na web.

Aprenderemos como alterar a cor do texto usando JavaScript neste artigo.

O HTML DOM permite que o JavaScript altere o estilo dos elementos HTML. Podemos usar a propriedade style.color.

Esta propriedade permite definir a cor do elemento ou retornar a cor atual.

Verifique o código fornecido abaixo.

<html>
  <body>
    <h2 id="heading">Hello World!</h2>
    <script>
      document.getElementById("heading").style.color = "blue";
    </script>
  </body>
</html>

Alteramos a cor do elemento <h2> no exemplo acima. Acessamos o elemento usando seu ID heading no método getElementbyID(). Em seguida, usamos a propriedade style.color para definir a cor como azul.