Блог

Главная - Вопросы по программированию - Удаление дочерней таблицы из div

Удаление дочерней таблицы из div

#javascript #html

#javascript #HTML

Вопрос:

Для обучения я пишу html-код и js-скрипт для практики. Здесь я хочу генерировать новую таблицу каждый раз, когда я нажимаю на кнопку создания. Но поскольку я использовал appendChild, он добавляет таблицу при каждом нажатии. Я пробовал addchild(tbl1) и аналогичные способы, но он не работает. Не могли бы вы указать, где я делаю неправильно.

 function drawTable() {
    // get the reference for the body
    var div1 = document.getElementById('div1');

    // creates a <table> element
    var tbl = document.createElement("table");

    // creating rows
    for (var r = 0; r < totalRows; r  ) {
        var row = document.createElement("tr");

     // create cells in row
         for (var c = 0; c < cellsInRow; c  ) {
            var cell = document.createElement("td");
    getRandom = Math.floor(Math.random() * (max - min   1))   min;
            var cellText = document.createTextNode(Math.floor(Math.random() * (max - min   1))   min);
            cell.appendChild(cellText);
            row.appendChild(cell);
        }           

tbl.appendChild(row); // add the row to the end of the table body
    }
    div1.appendChild(tbl);

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

1. Добавьте этот код после получения div1. while (div1.firstChild) {div1.removeChild(div1.firstChild);};

2. Вы хотите заменить существующую таблицу новой таблицей?

3. @user8708 спасибо, это сработало как шарм.

4. Вы могли бы добавить div1.innerHTML = "" после строки var div1 = document.getElementById('div1'); следующим образом