Javascript 使用css更改变量

如何使用css更改var daynames的字体大小和颜色

var monthNames = [ "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro" ]; 

var dayNames= ["Domingo","Segunda-feira","Terça-feira","Quarta-feira","Quinta-feira","Sexta-feira","Sabado"]
var newDate = new Date();

newDate.setDate(newDate.getDate());

$('#Date').html(dayNames[newDate.getDay()] + "<br>" + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());

var monthNames=[“里约热内卢”、“费韦罗”、“马罗”、“阿布里尔”、“马约”、“朱尼奥”、“朱略”、“阿戈斯托”、“塞滕布罗”、“奥图布罗”、“诺文布罗”、“德森布罗”]；
var dayNames=[“多明戈”、“塞贡达·费拉”、“特里萨·费拉”、“夸塔·费拉”、“昆塔·费拉”、“塞克斯塔·费拉”、“萨巴多”]
var newDate=新日期（）；
newDate.setDate（newDate.getDate（））；
$（'#Date'）.html（dayNames[newDate.getDay（）]+“
”+newDate.getDate（）+''+monthNames[newDate.getMonth（）]+''+newDate.getFullYear（））；

试试这个

var dayNames= ["<p style='color:blue;font-size:10px;'>Domingo</p>",
               "<p style='color:red;font-size:10px;'>Segunda-feira</p>",
               "<p style='color:gray;font-size:10px;'>Terça-feira</p>",
               "<p style='color:yellow;font-size:10px;'>Quarta-feira</p>",
              "<p style='color:red;font-size:10px;'>Quinta-feira</p>",
               "<p style='color:red;font-size:10px;'>Sexta-feira</p>",
              "<p style='color:red;font-size:10px;'>Sabado</p>"]

var dayNames=[”
Domingo
“，
“
Segunda feira
”，
“
Terça-feira
”，
“
Quarta feira
”，
“
Quinta feira
”，
“
Sexta feira
”，
“
Sabado
”]

或

var style=“
；
var dayNames=[style+“Domingo
”，
样式+“Segunda feira
”，
风格+“特ça-feira
”，
风格+“四重奏”，
风格+“昆塔·费拉”，
样式+“Sexta feira
”，
样式+“Sabado
”]

您可以这样做来添加字体大小和颜色

 $('#Date').html("<span style='font-size:28px; color:#ffffff;'>" + dayNames[newDate.getDay()] + "</span><br>" + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());

$（'#Date'）.html（“+dayNames[newDate.getDay（）]+”
“+newDate.getDate（）+''+monthNames[newDate.getMonth（）]+''+newDate.getFullYear（））；

您可以这样做

---

我真的不确定您在这里想做什么，但通常明智的做法是避免

内联样式

，除非它需要动态。

工作！非常感谢！：）这不是一个好的解决方案，您正在将HTML与数据混合，您最初使用的方式要好得多。@Mauriati以下是一个示例，说明您为什么要将数据与HTML分开。我很容易就能创造出一些可重复使用的东西，很高兴我能提供帮助：），接受答案，这对你来说是最好的。所以它可以帮助别人

 $('#Date').html("<span style='font-size:28px; color:#ffffff;'>" + dayNames[newDate.getDay()] + "</span><br>" + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());

$('.date').html(
    '<span class="dayname">' +dayNames[newDate.getDay()] + '</span><br />' + 
    '<span class="day">' + newDate.getDate() + '</span> ' +
    '<span class="month">' + monthNames[newDate.getMonth()] + '</span> ' +
    '<span class="year">' + newDate.getFullYear() + '</span>'
);

.dayname {
    color: orange;
    font-size: 32px;
}
.day {
    color: red;
}
.month {
    color: green;
}
.year {
    color: blue;
}