javascript - 将文本的字体颜色更改为绿色？

Question

我在 html 代码中有以下行。

$('#myform #progress').html('<img src="images/ajax-complete.gif" /> Successful.')

我只需要在Successful显示时将文本颜色更改为绿色。在这里我如何应用字体颜色绿色？

谢谢！

Answer 1

你可以这样做

$('#myform #progress')
.html('<img src="images/ajax-complete.gif" /> Successful.')
.css('color','#0f0');

Answer 2

您可以在 jQuery 中执行以下操作：

$('#myform #progress').css('color':'green');

或在 CSS 中：

#myform #progress{ color: green}

还：

$('#myform #progress').html('<img src="images/ajax-complete.gif" /> <span style="color:green">Successful</span>.')

Answer 3

例如，在文本或段落上添加样式；

绿色文本

Answer 4

$('#myform #progress').html('<img src="images/ajax-complete.gif" /> Successful.').css({'color': '#0f0'});

没有测试它，但它应该工作。如果没有 - 尝试交换 css() 和 html() 函数。

Answer 5

使用 CSS

#myform, #progress
{
    color:green;
}

使用 Javascript

var elem = document.getElementById("myform")
elem.style.color = "Red"

Answer 6

使用span.

在你的样式表中添加这个：

span{color:green;}

您的代码。

$('#myform #progress').html('<img src="images/ajax-complete.gif" /> <span>Successful</span>.')

Answer 7

试试这个：

HTML 代码：

<form id='myform'>
   <div id='progress'></div>
</form>

jQuery 脚本代码：

$("#myform #progress:contains('Successful')").css("color", "green");

阿贾克斯代码：

$.ajax({
    beforeSend: function () {
        // Handle the beforeSend event
        $('#myform #progress').html('<img src="images/ajax-complete.gif" />Please wait..');
    },
    complete: function () {
        // Handle the complete event
        $('#myform #progress').html('<img src="images/ajax-complete.gif" />Successful.');
        $("#myform #progress:contains('Successful')").css("color", "green");
    }
    // ......
});