首页 > 解决方案 > 使用 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 answer” 我希望有人可以帮助我。谢谢你们。

标签: javascriptjquery

解决方案


您正在将 应用于style变量,但您需要将其应用于 DOM 元素。

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

var total = add + minus;

$('#output').html(total).css('color', 'red')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id="output">...</span>


推荐阅读