使用javascript为字符串设置颜色

我正在构建一个动态数组，并且有以下代码，我正在尝试为数组的“名称”添加颜色。除了“fontcolor（“红色”）”之外，其他所有功能都能正常工作

if (val < 0) {
    myArray.push({
            "name" : myVariable.fontcolor("red"),
            "size" : -10
    });
} else {
    myArray.push({
            "name" : myVariable,
            "size" : 5
    });
}

if（val<0）{
myArray.push({
“名称”：myVariable.fontcolor（“红色”），
“尺寸”：-10
});
}否则{
myArray.push({
“名称”：myVariable，
“尺寸”：5
});
}

当显示在HTML页面上时，我以以下内容结束：

<font color="red">Strong rubber(minus)</font> 

强力橡胶（减）

---

我实际上是在画一张图表，我用d3.js来画图表，我的代码用来画“狗玩具”。myVariable的值为“myVariable”

狗玩具

你知道当文字显示在网页上时，我如何设置文字的颜色吗？

试试看

myVariable.style.color = "Red"

试一试

---

您可以发布将数组转换为HTML的代码吗？仅供参考，

标记和

颜色

属性已被弃用。改用css。@jbabey-我实际上是在画图表，我用d3.js来画图表，我的代码是用来画“狗玩具”狗玩具的。不幸的是，我没有任何使用d3.js库的经验。我假设有一个样式或颜色属性可以通过某种方式指定，但我不知道。祝您搜索顺利。您能发布将数组转换为HTML的代码吗？仅供参考，

标记和

颜色属性已被弃用。改用css。@jbabey-我实际上是在画图表，我用d3.js来画图表，我的代码是用来画“狗玩具”狗玩具的。不幸的是，我没有任何使用d3.js库的经验。我假设有一个样式或颜色属性可以通过某种方式指定，但我不知道。祝你搜索顺利。不起作用，基本上myVariable是一个字符串，其值来自数据库。我得到这个错误“无法设置未定义的属性'color'”字符串是什么样子的？从代码的外观来看，您试图在myVariable对象上将CSS值“color”设置为红色。这在一个简单的字符串上确实不起作用。字符串返回“Dog Toys”，当大小小于0时，我需要用红色显示它。你能再发布一些代码吗？就像jbabey在你的OP上评论的那样：你能发布将数组转换成HTML的代码吗？我实际上在画一个图表，我正在使用d3.js来画图表，我画“Dog Toys”Dog Toys的代码不起作用，基本上myVariable是一个从数据库派生的字符串。我得到这个错误“无法设置未定义的属性'color'”字符串是什么样子的？从代码的外观来看，您试图在myVariable对象上将CSS值“color”设置为红色。这在一个简单的字符串上确实不起作用。字符串返回“Dog Toys”，当大小小于0时，我需要用红色显示它。你能再发布一些代码吗？就像jbabey在你的作品中评论的那样：你能发布将数组转换成HTML的代码吗？我实际上是在画一张图表，我在用d3.js来画图表，我的代码是画“狗玩具”狗玩具
myVariable.style.color = "Red"

myVariable.style.color = "red";