Gewusst wie: Ändern der Textfarbe innerhalb einer Tabelle in HTML

October 18

Gewusst wie: Ändern der Textfarbe innerhalb einer Tabelle in HTML

Eine Tabelle ist ein Element in einer HTML-Webseite, die das Layout für Text, Bilder und andere Websteuerelemente formatiert. Ein Tabellen-Layout ist normalerweise bearbeitet und von cascading Stylesheets (CSS) gesteuert, aber Sie können dynamische Layouts mit Javascript erstellen. Eine solche dynamische Merkmal einer HTML-Tabelle ist die Schriftfarbe. Javascript können Sie die Schriftart in einer Tabelle bearbeiten, nachdem die Seite bereits auf der Web-Browser eines Benutzers geladen hat.

Anweisungen

1 Öffnen Sie Ihre HTML-Datei enthält die Tabelle und Text. Sie können einen einfachen Text-Editor wie Editor oder Notepad++ verwenden, Javascript-Code hinzufügen.

2 Erstellen Sie die öffnenden und schließenden Javascript-Blöcke, die Code enthalten. Alle Javascript in der \"script\ enthalten ist" Tag. Fügen Sie den folgenden Code in der \"head\" Markierungen der Webseite:< Skript Typ = \ "Text/Javascript\" >< / script >

3 Verwenden Sie den folgenden Code, um die Textfarbe der Tabelle zu ändern:Document.getElementbyId(\"myTable\").color = \"#000000\"GEHENErsetzen \"myTable\" mit der ID der Tabelle innerhalb Ihrer Web-Seite. In diesem Beispiel wird die Textfarbe für die Tabelle in schwarz, die in hexadezimaler Schreibweise als \"#000000.\ angezeigt wird geändert"

4 Speichern Sie die Datei und laden Sie Ihre Webseite in den Webbrowser. Beachten Sie, dass die Farbe in Ihrem Javascript-Code der Tabelle Textfarbe geändert wird.