考虑将标记更改为：

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

然后您可以使用以下脚本：

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

在这里看到它：http://jsfiddle.net/2ANmM/

不要使用<font color=。这是一种非常过时的文本样式设置方式，有些浏览器甚至不再支持它了。
caniuse将其列为过时的，并强烈建议不要使用<font>标记。
不要使用这个元素!虽然它在HTML 3.2中被规范化，但在HTML 4.01中被弃用，同时所有只与样式相关的元素在HTML5中被废弃。
从HTML4开始，HTML不再传递样式信息（在元素或每个元素的style属性之外）。对于任何新的Web开发，样式应该只使用CSS编写。
元素的前一种行为可以实现，甚至可以使用CSS字体CSS属性更好地控制。
如果我们查看4.01标准的发布时间，我们会发现它发布于1999年

其中<font>被正式弃用，这意味着它仍然受支持，但不应再使用，因为它将在新的标准中消失。
在2014年8月发布的html5标准中，它被认为是过时和不符合标准的。
要获得所需效果，请使用span和css：

function givemecolor(thecolor,thetext)
{
    return '<span style="color:'+thecolor+'">'+thetext+'</span>';
}
document.write(givemecolor('green',"Hello, I'm green"));
document.write(givemecolor('red',"Hello, I'm red"));

body {
  background: #333;
  color: #eee;
}

• • 更新**

这个问题和答案是2012年的，现在我不推荐使用document. write，因为它需要在文档第一次呈现时执行。我那时使用它是因为我认为OP希望以这种方式使用它。我推荐使用一种更传统的方式来插入您希望使用的自定义元素，在您希望插入它们的地方。而不依赖于文档呈现以及何时何地执行脚本。
原生：
一个一个二个一个一个一个三个一个一个一个一个一个四个一个
jQuery语言

function givemecolor(thecolor, thetext)
{
    var $span = $("<span>");
    $span.css({color:thecolor});
    $span.text(thetext);
    return $span;
}
var $container = $('#textholder');
$container.append(givemecolor('green', "Hello I'm green"));
$container.append(givemecolor('red', "Hello I'm red"));

body {
 background: #333;
 color: #eee;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1> some title </h1>
<div id="textholder">
</div>
<p> some other text </p>

Html代码

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

Java脚本代码

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

我觉得这个很好用

试着这样做：

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

尽管如此，你还是应该避免使用<font>标签。它现在已经被弃用了。使用CSS来改变标记中给定元素的样式（颜色）。

您可以使用HTML标记在JavaScript的一行中应用字体大小和字体颜色，也可以使用.fontcolor()方法定义颜色，.fontsize()方法定义字体大小，.bold()方法定义粗体等。这些方法称为JavaScript Built-in Functions --> String HTML Wrappers。

• 下面是一些JavaScript内置函数的列表：

.大（）
.小型（）
.斜体（）
.固定（）
.罢工（）
（）

• 以下内置函数需要参数：

.字体大小（）//例如：以数字.fontsize(4)应用的大小
.fontcolor（“”）//例如：字符串.fontcolor("red")中要应用的颜色
. txt.link（“”）//例如：作为字符串.link("www.test.com")链接的url
.转换为大写（）//例如：转换为大写以应用于字符串.toUpperCase()

• 记住语法是：string.functionName()例如：

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

• 这也可以在一行中完成：

var txt = "Hello World!".bold();
结果将是：你好，世界！

• 您可以在一行中使用多个内置函数，将一个函数添加到另一个函数的旁边。例如：

“2018年10月22日”.字体颜色（“红色”）.字体大小（4）.粗体（）

• 下面是一个例子，我在JavaScript代码中使用HTML标记和JavaScript函数来更改字体（颜色、大小、粗体）：

x1米10英寸1x

• 结果如下：
  **
  
  **