隐藏 <td> 从HTML表

Question

我正在尝试通过JavaScript创建动态html表。 我需要隐藏队名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"