Masquer les colonnes/champs ajoutés dynamiquement

Question

J'ai créé des lignes/colonnes créées dynamiquement. Ce que je voudrais faire est de définir une section de celui-ci (txtOffsetID) pour être caché. J'ai essayé ceci: txtOffsetID.setAttribute('type', 'hidden'); mais cela n'a pas fonctionné. Je veux cacher cette colonne entière et toutes les nouvelles colonnes ajoutées. J'ai besoin de travailler dans IE. Merci.

Exemple de 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); 
    **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> 

Answer 1

créé élément "tr" peut être caché comme celui-ci

 
tr.setAttribute('style', 'display: none;'); 

mais au cas où vous voulez cacher Completement que vous devez utiliser l'élément de table colgroup
exemple

 
<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> 

vous pouvez masquer colTwo li ke ce

 
document.getElementById('colTwo').style.display = 'none'; 

J'espère que cette aide