Setting color to a string using javascript

Question

I am building a dynamic array and have the following code, i am trying to add a color to the "name" of the array. Everything else works perfectly apart from "fontcolor("red")" .

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

I end up with the following when displayed on thet HTML page:

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

I am actualy drawing a chart and I am using the d3.js to draw the charts, my code that draws up "Dog Toys". myVariable has the value "myVariable"

 <g style="cursor: pointer; opacity: 1; " transform="translate(0,0)"> 
  <text x="-6" y="10" dy=".50em" text-anchor="end">Dog Toys</text> 
  <rect width="478.57142857142867" height="20" style="fill: #4682b4; "></rect> 
 </g>

Any idea how i could set a color to text, when its displayed on the web page?

FYI, the <font> tag and the color attribute are deprecated. Use css instead. — Adam Hopkinson
– Adam Hopkinson, Commented Jul 30, 2012 at 13:07
@jbabey - I am actualy drawing a chart and I am using the d3.js to draw the charts, my code that draws up "Dog Toys" <g style="cursor: pointer; opacity: 1; " transform="translate(0,0)"> <text x="-6" y="10" dy=".50em" text-anchor="end">Dog Toys</text> <rect width="478.57142857142867" height="20" style="fill: #4682b4; "></rect> </g> — shabeer90
– shabeer90, Commented Jul 30, 2012 at 13:19
Unfortunately, I don't have any experience with the d3.js library. I assume there is a style, or color property you can assign somehow, but I wouldn't know that. Good luck with your search. — Matthias
– Matthias, Commented Jul 30, 2012 at 13:30

Matthias · Accepted Answer · 2012-07-30 13:03:30Z

3

Try

myVariable.style.color = "Red"

answered Jul 30, 2012 at 13:03

Matthias

13.5k13 gold badges37 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

shabeer90 Over a year ago

Did not work, basically myVariable is a string that has a value derived from the database. I get this error"Cannot set property 'color' of undefined "

Matthias Over a year ago

What does the string look like? From the looks of your code, you're trying to set the CSS value "color" to red on the myVariable object. This will indeed not work on a simple string.

shabeer90 Over a year ago

The string returns "Dog Toys" , i need to display it in red when size is less than 0

Matthias Over a year ago

Can you post some more code then? Like jbabey commented on your OP: Can you post the code that translates the array into HTML?

shabeer90 Over a year ago

I am actualy drawing a chart and I am using the d3.js to draw the charts, my code that draws up "Dog Toys" <g style="cursor: pointer; opacity: 1; " transform="translate(0,0)"> <text x="-6" y="10" dy=".50em" text-anchor="end">Dog Toys</text> <rect width="478.57142857142867" height="20" style="fill: #4682b4; "></rect> </g>

|

voodoo417 · Accepted Answer · 2012-07-30 13:04:55Z

1

myVariable.style.color = "red";

answered Jul 30, 2012 at 13:04

voodoo417

12.2k3 gold badges39 silver badges43 bronze badges

Collectives™ on Stack Overflow

Setting color to a string using javascript

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related