条件が満たされたときにフォントの色を変更する

Question

HTML-5 Webベースのアプリケーションでこれをどのように行うのか知っていますか？つまり、ボタンを押したときに名前のフォント色を変更する必要があります。これは、テニスの大会でプレーヤーが裁判所にいるかどうかを簡単に表示するアプリケーションのためのものです。これまでのところ、私はHTMLににロードされているすべてのプレイヤーのExcel文書を持っている、これはインスタンスの名前の一つである：

と、以下のボタンとして：そう

私はifボタンをオンにして、プレーヤーの名前が赤くなるかどうかを示すif条件を書くことができると想定しています。レイアウトに苦労しています。名前はテーブルにあり、ボタンはテーブルの上私はそれを置きます。どんな助けでも大歓迎です、ルイス。

Answer 1

値を変更するだけでなく、classを追加/削除することもできます。 このクラスはCSS経由で参照できます。

例

.online_text { 
    color: #00ff00; 
} 
.offline_text { 
    color: #ff0000; 
} 

あなたは基本的にこの形式得るように、プロパティを追加/削除する必要がありますあなたのスクリプト：

<td ... class="online_text">Oliver Addison</td> 

例として、クラスの追加：

document.getElementById("onoff").className += "online_text"; 

Answer 2

を

変更したい要素を定義する必要があります。通常はIDです。 たとえば、<td id="currentMatch">

IDはページ全体で一意である必要があります。 あなたは、あなたはだから、あなたは色を変更する方法を説明します

document.getElementById("currentMatch").style.color = "#00FF00" 

を使用したいと思い、テキストの色を設定するにはdocument.getElementById("currentMatch")

経由でアクセスすることができます。