是否可以格式化在css中通过javascript显示为“新”html元素的文本?

时间:2014-06-11 08:11:54

标签: javascript jquery html css

我甚至不确定这个问题是否正确描述了我想做的事情。 如果我有一个淡出的表单然后确定是否通过cookie再次显示,那么确认消息是否可以在css中专门设置样式?

例如,我想将<h2>Success</h2>绿色。我可以在我的css文件中执行此操作吗?甚至根本不是吗?

$(function() {
    var completed = $.cookie( 'completed' ),
        form = $('#contactform'),
        msg = $('#contactf');
    if( ( completed != undefined ) && ( completed == 'done' ) ) {
        form.hide();
        msg.html( '<h2>Success</h2>Thankyou for submitting <b>the form.</b> We will get back to you as soon as possible.' ); 
    }

编辑:更具体地说,将此命名为一个类,以便我可以在我的CSS中引用它,而不是格式化我页面上的所有标题,也可能是h2。

3 个答案:

答案 0 :(得分:0)

只为您的元素提供CSS样式。

CSS

.green { color: green; }

的jQuery

 msg.html( '<h2 class="green">Success</h2>Thankyou for submitting <b>the form.</b> We will get back to you as soon as possible.' ); 

答案 1 :(得分:0)

或者只是将其添加到代码本身中:

msg.html( '<h2 style="color:green">Success</h2>Thankyou for submitting <b>the form.</b> We will get back to you as soon as possible.' ); 

答案 2 :(得分:0)

h2 {color:green;}

如果页面上没有h2,请使用它