隱藏​​來自HTML表

Question

我想通過JavaScript創建一個動態的html表。我需要隱藏teamid td（cell1）。需要將顯示設置爲無。我怎樣才能做到這一點？

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

我用下面的代碼，但它不工作

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

Answer 1

就像這樣：

cell1.style.display = "none"; 

Answer 2

只是需要單元格的樣式display設置爲none。

將cell1.style.display = 'none';添加到您的代碼。下面

工作代碼：

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

 
    cell1.style.display = 'none'; 
 

 
    row.appendChild(cell); 
 
    row.appendChild(cell1); 
 
    row.appendChild(cell2); 
 

 
    tblBody.appendChild(row); 
 
    } 
 
    tbl.appendChild(tblBody); 
 
    body.appendChild(tbl); 
 

 
} 
 
generate_table();

Answer 3

你需要將它定義爲這樣的風格：

cell1.style.display = 'none'; 

裁判： http://www.w3schools.com/jsref/prop_style_display.asp

Answer 4

嘗試使用cell1.style.visibility = "hidden"