在javascript中创建表格单元格时添加CSS

Question

我在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);

Answer 1

要将类添加到元素中，您应该使用className属性，如下所示：

cellLeft.className += "MainTableHeader";

Answer 2

cellLeft.className += "MainTableHeader";