向Javascript添加颜色/字体大小/css

如何在Javascript中向输出/结果添加颜色/字体大小

我的if语句是正确的，只是不确定如何添加字体大小和字体颜色

var entgrade = parseFloat( document.getElementById("entgrade").value );

// calculate letter grade
var letter = "entgrade";



if( entgrade >= 90 ) {

msg = "<div>A</div>";
}

else if( entgrade >= 80  ) {

msg = "<div>B</div>";
}

 else if( entgrade >= 70  ) {

msg = "<div>C</div>";
}

else if( entgrade >= 60  ) {

msg = "<div>D</div>";
}

else if( entgrade < 60  ) {

msg = "<div>F</div>";

var entgrade=parseFloat（document.getElementById（“entgrade”）.value）；
//计算字母等级
var letter=“entgrade”；
如果（entgrade>=90）{
msg=“A”；
}
否则如果（entgrade>=80）{
msg=“B”；
}
否则，如果（entgrade>=70）{
msg=“C”；
}
否则如果（entgrade>=60）{
msg=“D”；
}
否则，如果（入口等级<60）{
msg=“F”；

在您的情况下，最简单的解决方案是

msg = '<div style="color: #f00; font-size: 12px;">A</div>';

msg='A'；

正如AndyM所说，最好为您的样式使用类，这样您就可以将逻辑从输出中分离出来，这绝对是最佳实践

=）

试试：

msg = "<div style=\"color:blue;font-size:20px;\">A</div>";

msg=“A”；

您可以直接将样式添加到当前的JS中，但硬编码样式信息是一种不好的做法。最好在每个JS中添加一个类，并在样式表中定义类

可能的类别：

gradeA

，

gradeB

，等等。在每个类别中，定义您的颜色。

gradeA

和

gradeB

可以是绿色，gradeC可以是黄色。文本大小也可以变小。然后将其用于脚本：

if( entgrade >= 90 ) {
    msg = '<div class="gradeA">A</div>';
}

else if( entgrade >= 80  ) {
    msg = '<div class="gradeB">B</div>';
}

else if( entgrade >= 70  ) {
    msg = '<div class="gradeC">C</div>';
}

else if( entgrade >= 60  ) {
    msg = '<div class="gradeD">D</div>';
}

else if( entgrade < 60  ) {
    msg = '<div class="gradeF">F</div>';
}

if（entgrade>=90）{
味精='A'；
}
否则如果（entgrade>=80）{
msg='B'；
}
否则，如果（entgrade>=70）{
msg='C'；
}
否则如果（entgrade>=60）{
msg='D'；
}
否则，如果（入口等级<60）{
msg='F'；
}

一种更干净的方法是尽可能地将逻辑与输出分离

if( entgrade >= 90 ) {
    var grade = 'A';
}

else if( entgrade >= 80  ) {
    var grade = 'B';
}

else if( entgrade >= 70  ) {
    var grade = 'C';
}

else if( entgrade >= 60  ) {
    var grade = 'D';
}

else if( entgrade < 60  ) {
    var grade = 'F';
}

msg = '<div class="grade'+grade+'">'+grade+'<div>';

if（entgrade>=90）{
风险值等级='A'；
}
否则如果（entgrade>=80）{
风险值等级='B'；
}
否则，如果（entgrade>=70）{
风险值等级='C'；
}
否则如果（entgrade>=60）{
风险值等级='D'；
}
否则，如果（入口等级<60）{
风险值等级='F'；
}
味精=''+等级+''；

你想将样式添加到你创建的div中吗？太好了！你的两个答案都帮了我很大的忙。谢谢。内联添加样式的错误做法。你是对的-类将是最佳做法，但这不是问题的一部分。那么你为什么否决了这个答案=（因为问题是如何添加颜色。您可以通过两种方式（内联和与类一起）添加颜色，但其中一种方式是不应该推广的。这不是真的。这取决于您想要实现什么。有（！）您应该使用内联样式的一些原因。但同样，这不是这里的主题，而且：您不能仅仅因为您认为它不是最好的（）。太好了！你的两个答案都帮了我很大的忙。谢谢。我明白了，谢谢你。我也会尝试一下，只是为了练习。很高兴能帮上忙！我还添加了一个建议，这将进一步清理代码。