Textfarbe mit JavaScript ändern

Kushank Singh 18 Oktober 2021 JavaScript

JavaScript und HTML arbeiten zusammen, um das Frontend vieler webbasierter Anwendungen zu verwalten.

In diesem Artikel erfahren Sie, wie Sie die Textfarbe mit JavaScript ändern.

HTML DOM ermöglicht JavaScript, den Stil von HTML-Elementen zu ändern. Wir können die Eigenschaft style.color verwenden.

Mit dieser Eigenschaft können wir die Farbe des Elements festlegen oder die aktuelle Farbe zurückgeben.

Überprüfen Sie den unten angegebenen Code.

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

Im obigen Beispiel haben wir die Farbe des Elements <h2> geändert. Wir haben auf das Element mit seiner ID heading in der Methode getElementbyID() zugegriffen. Dann haben wir die Eigenschaft style.color verwendet, um die Farbe auf Blau zu setzen.

Genießen Sie unsere Tutorials? Abonnieren Sie DelftStack auf YouTube, um uns bei der Erstellung weiterer hochwertiger Videoanleitungen zu unterstützen. Abonnieren