Cambiar el color del texto con JavaScript

Kushank Singh 18 octubre 2021

JavaScript

JavaScript y HTML trabajan juntos para mantener el front-end de muchas aplicaciones basadas en web.

Aprenderemos cómo cambiar el color del texto usando JavaScript en este artículo.

HTML DOM permite que JavaScript cambie el estilo de los elementos HTML. Podemos usar la propiedad style.color.

Esta propiedad nos permite establecer el color del elemento o devolver el color actual.

Verifique el código que se proporciona a continuación.

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

Modificamos el color del elemento <h2> en el ejemplo anterior. Accedimos al elemento usando su ID heading en el método getElementbyID(). Luego usamos la propiedad style.color para establecer el color en azul.