Question

我需要更改字体颜色。

我有以下内容：

   var clr="green";

    <font color=clr>' + onlineff + ' </font>

字体颜色不会变为绿色。只是想知道如何解决这个问题。

Answer 1

考虑将标记更改为：

<span id="someId">onlineff</span>

然后你可以使用这个脚本：

var x = document.getElementById('someId');
x.style.color = '#00FF00';

在此处查看：http://jsfiddle.net/2ANmM/

Answer 2

不要使用字体颜色...它真的是oldschool，有些浏览器甚至不再喜欢它了。使用spans和css：

function givemecolor(thecolor,thetext)
    {
    return '<span style="color:'+thecolor+'>'+thetext+'</span>';
    }
document.write(givemecolor('green','I\'m an apple'));
document.write(givemecolor('yellow','and I\'m a banana'));

Answer 3

Html代码

<div id="coloredBy">
    Colored By Santa
</div>

javascript代码

document.getElementById("coloredBy").style.color = colorCode; // red or #ffffff

我认为这很容易使用

Answer 4

试试这样：

var clr = 'green';
var html = '<font color="' + clr + '">' + onlineff + ' </font>';

这就是说，你应该避免使用标签。它已被弃用。使用CSS更改标记中给定元素的样式（颜色）。

Answer 5

您可以使用HTML标签来在JavaScript上一行应用字体大小，字体颜色，也可以使用.fontcolor()方法定义颜色，.fontsize()方法定义字体大小，定义粗体的.bold()方法等。

以下是JavaScript的一些有用功能的列表：

.big（）
.small（）
.italics（）
.fixed（）
.strike（）
.sup（）
以下功能需要参数：

.fontsize（）//例如：要在数字.fontsize（4）中应用的大小

.fontcolor（“”）//例如：要在字符串.fontcolor（“ red”）中应用的颜色

.txt.link（“”）//例如：可链接为字符串的URL .link（“ www.test.com”）
记住语法为：string.functionName()例如：

var txt = "Hello World!"; txt.bold

结果将是： Hello World！
您可以在一行中使用多个功能，在另一行旁边添加一个。例如：

“ 2018/10/22” .fontcolor（“ red”）。fontsize（4）.bold（）
下面是一个示例，我如何在我的JavaScript代码上使用它来同时使用HTML标签和JavaScript函数来更改字体（颜色，大小，粗体）：

vForm.message = "<HTML> Application Deadline was </HTML> " + "10/22/2018".fontcolor("red").fontsize(4).bold(); // setting HTML font and using JavaScript functions to change font color, size, bold on JavaScript code

这是结果：

Javascript更改字体颜色

5 个答案: