How to change table TD text color via Javascript?

Question

I can do HTML/CSS:
<table><tr><td style="color:#f00;">text</td> and I get red text.

But I cannot do javascript: tbl.rows[row].cells[col].style.color = "#f00"; There is no color change.

What do I not understand? Thanks.

question from:https://stackoverflow.com/questions/66052312/how-to-change-table-td-text-color-via-javascript

Answer 1

In the HTML you're setting the style attribute of the td element to a string with value color:#f00;, so you'd have to do the same in javascript:

tbl.rows[row].cells[col].style = "color:#f00;";

This is because the style attribute is a string which must be valid css, not a javascript object with properties like color.