當條件符合時更改字體顏色

沒有人知道如何在HTML-5基於Web的應用程序中執行此操作嗎？即我需要在按下按鈕時更改名稱的字體顏色。這是一個應用程序，可以輕鬆顯示球員在網球比賽中上場或下場時的情況。到目前爲止，我在一個HTML加載的所有玩家的Excel文檔，這是實例的名稱之一：當條件符合時更改字體顏色

和按鈕如下：

所以我假設我可以寫一個if條件來說明這個按鈕是否打開，然後玩家的名字變成紅色或者什麼的。我也在佈局上苦苦掙扎，考慮到名字在一張桌子裏，按鈕只是停留在桌子上方我說了。非常感謝任何幫助，Louis。

2012-02-28 loucidity

您正在尋找的是'element.style.color ='＃0F0''，除了替換您想要使用的任何顏色。 – 2012-02-28 22:51:03

另外，如果只有一個按鈕，您如何知道哪些玩家想要更改顏色。 – 2012-02-28 22:53:02

您可以簡單地添加/刪除class而不是隻更改值。這個類可以通過CSS引用。

例

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

你的腳本應該添加/刪除屬性，所以你基本上得到這個格式：

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

添加類爲例：

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

2012-02-28 22:50:16 Smamatti

你需要給你想要改變某些東西的元素 - 通常是一個ID。例如，<td id="currentMatch">

請注意，ID需要在整個頁面中保持唯一。然後，您可以通過document.getElementById("currentMatch")

訪問設置文字的顏色，你想使用

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

所以這就是你如何改變顏色。

2012-02-28 22:55:26 Snuffleupagus

回答