I have some dynamically created rows/columns. What I'd like to do is set a section of it (txtOffsetID) to be hidden. I tried this: txtOffsetID.setAttribute('type', 'hidden'); but it didn't work. I want to hide that entire column and any new columns added. I need it to work in IE. Thanks.

Sample code:

function addNewOffsetItem()
{
    var iX = document.getElementById("txtOffsetIndex").value;
    iX ++;
    document.getElementById("txtOffsetIndex").value = iX;

    var tbl = document.getElementById("tblOffsetDetail").getElementsByTagName("TBODY")[0];
    var tr = document.createElement("TR");
    tbl.appendChild(tr);

    //This section should be hidden.    
    //txtOffsetID1
    var tdID = document.createElement("TD");
    tr.appendChild(tdID);

    var p = document.createElement("P");
    tdID.appendChild(p);

    var txtOffsetID = document.createElement("input"); 
    p.appendChild(txtOffsetID);

    txtOffsetID.id = "txtOffsetID" + iX;
    txtOffsetID.setAttribute('name','txtOffsetID' + iX);

    //This section should be visible.
    //txtOffsetComments1 
    var tdComments = document.createElement("TD");
    tr.appendChild(tdComments);

    var p = document.createElement("P");
    tdComments.appendChild(p);

    var txtOffsetComments = document.createElement("textarea"); 
    p.appendChild(txtOffsetComments);

    txtOffsetComments.id = "txtOffsetComments" + iX;
    txtOffsetComments.setAttribute('name','txtOffsetComments' + iX);    
}