在javascript中创建tablecell时向中添加CSS

我正在用javascript创建一个tablecell，并尝试添加一个我创建的css样式，但由于某些原因，它不起作用。我知道我很接近，但不确定到底出了什么问题。下面是我的代码：粗线就是我遇到麻烦的地方

    var cellLeft = row.insertCell(0);
    var el = document.createElement('input');
    el.type = 'text';
    el.id = 'textField1';
    **cellLeft.setAttribute("class", "MainTableHeader");**
    cellLeft.appendChild(el);

---

要将类添加到元素中，应使用

className

属性，如下所示：

cellLeft.className += "MainTableHeader";

对我有用：你的代码中一定有别的东西。发布更多代码，最好是一个JSFIDLE来演示这个问题。加上“不工作”的定义。

cellLeft.className += "MainTableHeader";