javascript changing .text字體顏色

-1

有什麼方法可以改變JavaScript中單個.texts的字體顏色嗎？根據用戶輸入1可能會發生幾個選項，我想根據選擇更改顏色。注意CSS可以更改<td>的顏色，但不會因選擇而改變。javascript changing .text字體顏色

var latedifference = 0; 
    latedifference += late-lates 
    if (late > lates && latedifference <= 2){ 
     $('#lateedge').text('Your Team has the Edge'); 
    }else if (late > lates && latedifference > 2){ 
     $('#lateedge').text('Your Team has a Big Edge'); 
    }else if (lates > late && latedifference < -2){ 
     $('#lateedge').text('Opposing Team has a Big Edge'); 
    }else if (lates === late){ 
     $('#lateedge').text('Teams are Even'); 
    }else { 
     $('#lateedge').text('Opposing Team has the Edge'); 
    }

來源

2016-08-22 Tidesglenn

是的，你可以用js改變單個文本的字體顏色。 –

什麼是'lateedge'，一個''？ –

是的，它是，最初它是行項目，但我希望數據從左到右從上到下反對，並且它在我的網站上變得太混亂以便將它水平排列，所以我只是製作了一個表格。 – Tidesglenn

.text('Your message')後添加.css('color', '<your color>')

來源

2016-08-22 17:21:40 larz

非常感謝你，我嘗試了一些類似的東西，但是我猜這個語法是關閉的，你是一個救生員和一個定時器！ – Tidesglenn

您可以通過直接更改或變更某個CSS類更改字體顏色在您更改文本相同的語句，：

if (late > lates && latedifference <= 2){ 
    $('#lateedge').text('Your Team has the Edge'); 
    $('#lateedge').css('color', 'blue'); 
}else if (late > lates && latedifference > 2){ 
    $('#lateedge').text('Your Team has a Big Edge'); 
    $('#lateedge').css('color', 'green') 

    // or, if you have css to go with it 
    // like .big-edge { color: green; } 

    $('#lateedge').toggleClass('big-edge') 
[etc.]

另一個事情 - 不斷反覆詢問$('#lateedge')對性能不利;相反，緩存它的開始，所以jQuery只需要尋找該選擇器一次。

var latedifference = 0; 
var $td = $('#lateedge'); 

... 
$td.text('Teams are Even')

來源

2016-08-22 17:25:27 jack

ID選擇器速度非常快，jQuery執行一些內部緩存 - 在這種情況下性能可能沒有差異，尤其是因爲只有一個if塊應該運行。雖然它*是一種很好的做法，它看起來更清潔，更易於維護。來自我的+1！ –

哇我是jquery和javascript的新手，並且只是開始爲了礦井的朋友的需要而做它，但這是一個很棒的信息，非常感謝。 – Tidesglenn

javascript changing .text字體顏色

回答

相關問題