html 自动隐藏td,从HTML表中隐藏

I am trying to create a dynamic html table through JavaScript. I need to hide the teamid td (cell1). Need to set display as none. How can I do this?

function generate_table()

{

var body = document.getElementsByTagName("body")[0];

var tbl = document.createElement("table");

var tblBody = document.createElement("tbody");

var teamrecord = "test";

for (var i = 0; i < teamrecord.length; i++) {

var row = document.createElement("tr");

var cell = document.createElement("td");

var cell1 = document.createElement("td");

var cell2 = document.createElement("td");

var cellText = document.createTextNode("teamrecord");

var cellId = document.createTextNode("teamid");

var radio = document.createElement("INPUT");

radio.setAttribute("type", "radio");

radio.setAttribute("name", "radio");

cell.appendChild(cellText);

cell1.appendChild(cellId);

cell2.appendChild(radio);

row.appendChild(cell);

row.appendChild(cell1);

row.appendChild(cell2);

tblBody.appendChild(row);

}

tbl.appendChild(tblBody);

body.appendChild(tbl);

}

I use the following code but its not working

cell1.setAttribute("display","none");