Скрыть из таблицы HTML

#javascript #html #html-table

#javascript #HTML #html-таблица

Вопрос:

Я пытаюсь создать динамическую таблицу html с помощью JavaScript. Мне нужно скрыть идентификатор команды td (ячейка1). Необходимо установить отображение как 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);

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

        tblBody.appendChild(row);
    }

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

Я использую следующий код, но он не работает

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

Комментарии:

1. К чему привело ваше исследование? Почему у вас это не сработало? Что конкретно не сработало?

2. @Peehaa Я использую этот фрагмент кода, но не повезло cell1.setAttribute(«display»,»none»);

Ответ №1:

Точно так же, как это:

 cell1.style.display = "none";
  

Ответ №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();  

Ответ №3:

Вам нужно определить его как стиль, подобный этому:

 cell1.style.display = 'none';
  

ссылка:
http://www.w3schools.com/jsref/prop_style_display.asp

Ответ №4:

Попробуйте использовать cell1.style.visibility = "hidden"

Комментарии:

1. Хотя этот фрагмент кода может решить проблему, включение объяснения действительно помогает улучшить качество вашего сообщения. Помните, что вы отвечаете на вопрос для читателей в будущем, и эти люди могут не знать причин вашего предложения по коду.