Javascript 隐藏动态添加的列/字段

我有一些动态创建的行/列。我想做的是将它的一部分（txtoffetid）设置为隐藏。我试过：

txtOffsetID.setAttribute（'type'，'hidden'）但它不起作用。我想隐藏整个列和添加的任何新列。我需要它在IE中工作。谢谢

示例代码：

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);
     **document.getElementById("colOffsetID").style.display="none";**

    //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);    
}

<table width="99%" border="1" cellpadding="1" cellspacing="1" id="tblOffsetDetail">
    <colgroup>
    <col id="colOffsetID">
    <col id="colOffsetComments">
    </colgroup>
    <tbody>     
        <tr>
            <td><input type="text" id="txtOffsetID" name="txtOffsetID"></td>
            <td><p><textarea name="txtOffsetComments" cols="15" rows="3" id="txtOffsetComments"></textarea></p></td>        
        </tr>
    </tbody>
</table>

函数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”）；
附肢儿童（tr）；
//这一部分应该隐藏起来。
//txtoffetid1
var tdID=document.createElement（“TD”）；
tr.appendChild（tdID）；
var p=document.createElement（“p”）；
tdID.儿童（p）；
var txtOffsetID=document.createElement（“输入”）；
p、 appendChild（txtoffetid）；
txtoffetid.id=“txtoffetid”+iX；
setAttribute（'name'，'txtOffsetID'+iX）；
**document.getElementById（“colOffsetID”）.style.display=“无”**
//这一部分应该是可见的。
//txtOffsetComments1
var tdComments=document.createElement（“TD”）；
tr.appendChild（tdc）；
var p=document.createElement（“p”）；
TDC儿童（p）；
var txtOffsetComments=document.createElement（“textarea”）；
p、 appendChild（txtOffsetComments）；
txtOffsetComments.id=“txtOffsetComments”+iX；
setAttribute（'name'，'txtOffsetComments'+iX）；
}

创建的“tr”元素可以像这样隐藏

tr.setAttribute('style', 'display: none;'); tr.setAttribute（'style'，'display:none；'）； 但若要隐藏完整列，则需要使用colgroup表元素
范例

<table> <colgroup> <col id="colOne"> <col id="colTwo"> <col id="colThre"> </colgroup> <tbody> <tr> <td>one</td> <td>two</td> <td>three</td> </tr> </tbody> 一 二 三 你可以像这样藏起来

document.getElementById('colTwo').style.display = 'none'; document.getElementById（'colTwo'）.style.display='none'； 我希望这有帮助