javascript更改.text字体颜色

时间:2016-08-22 17:17:40

标签: javascript css

有没有办法在JavaScript中更改单个.texts的字体颜色?根据用户输入,可能会发生一些选项,我想根据选择更改颜色。注意CSS可以更改android:layout_weight="1" android:ellipsize="none" android:maxLines="2" android:scrollHorizontally="false" 的颜色,但不会根据选择进行更改。

<td>

2 个答案:

答案 0 :(得分:1)

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

之后

答案 1 :(得分:1)

您可以在更改文本的同一语句中更改字体颜色,方法是直接更改或更改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')