JavaScript：表格中输入值的文本字体

我似乎不明白这一点

使用JS DOM：

var tr = document.createElement('tr');
var td = document.createElement('td');

var font = document.createElement('font');
font.setAttribute('color', 'red');

var input = document.createElement('input');
input.setAttribute('type', 'text');
input.setAttribute('value', document.createTextNode("TheText"));
font.appendChild(input);               

td.appendChild(font);
tr.appendChild(td);
CustTbody.appendChild(tr);

如果你不能从代码中得到它， 我在表格的一行后面设置一个文本输入框，其值以红色显示

我尝试过各种形式，字体标签中的文本，输入值中的文本。不起作用。
文本在值内，输入在字体内。没用

如何最好地做到这一点？

删除

，因为它现在已经过时了。而是使用

style

属性设置颜色

input.style.color = "red"

---

就这样！当超时限制结束时，我将接受以下回答：）cheers@SimonAddicott很高兴这有帮助：）