使用javascript/jquery的字体大小和颜色

我在这个问题上已经耽搁了一天了。 我正在尝试更改变量的字体颜色。 下面让我给您介绍一下我的代码：

var add = 10 + 10;
var minus = 10 + 10;

var total = add + minus;

$('#output').html(total + ' is the answer')

我尝试使用以下方法，但无效：

total.style.color = "red";

我想更改total的字体颜色，不包括“is the Response” 我希望有人能在这方面帮助我。谢谢大家。

您正在将样式应用于变量，但需要将其应用于DOM元素

var add=10+10； var负=10+10； var总计=加+减； $'output'.htmltotal.css'color'，'red'

---

您正在尝试更改总变量的字体颜色

在vanilla JS中，如果要更改字体颜色，必须获取元素对象，然后进行更改。例如，如果我有以下html：

<div id = "something"> some text <div/>

因此，对于您的情况，我看到您将id名称作为输出，并使用jQuery设置HTML内容，如果要在Vanilla JS中选择它，您必须从DOM中获取id=output的标记并更改其属性：

var output = document.getElementById("output");
output.style.color = "green";

对于jQuery

$('#output').html(50 + ' is the answer').css('color', 'green')

---

它起作用了，谢谢。。但我对上面的问题做了一些修改。请见见先生。别客气，先生。。我找到了一条路。是的，你的解决方案对我的第一个问题有效。谢谢你，先生！如果要将总样式设置为与其他样式不同的格式，请将其放置在中，然后将样式添加到中。

$('#output').html(50 + ' is the answer').css('color', 'green')

var add = 10 + 10;
var minus = 10 + 10;

var total = add + minus;

$('#output').html(`<span>${total}</span>` + ' is the answer');
$('#output span').css('color','red');

var add = 10 + 10;
var minus = 10 + 10;
var total = add + minus;
$("#output").html(total);
$("#output").css({'color': 'red'});

var add = 10 + 10;
var minus = 10 + 10;
$('#output').html(add+minus).css('color', 'green');