Как удалить динамически созданную таблицу в javascript?

Question

Как удалить динамически созданную таблицу в javascript?

1

<script>
function onButtonClick()
{
var table1 = document.createElement('table');

    for(i=0;i<3;i++)
    {

    var td1 = document.createElement('td');
    var text1 = document.createTextNode(a[i]);
    td1.appendChild(text1);
    tr.appendChild(td1);
    td1.style.borderStyle = "solid";
    td1.style.padding = "10px";
    }

}
</script>

Таким образом, всякий раз, когда нажимается кнопка, добавляется строка таблицы. Как удалить строку или таблицу после того, как функция была загружена один раз. Я хотел заменить старое значение [i] новым значением параметра [i]

Riddhi Akbari 02 июнь 2017, в 19:54

Источник

Теги:

javascript

2 ответа

0

Вам нужно будет указать каждому из ваших элементов таблицы уникальный идентификатор:

table1.setAttribute("id", "<your id here>");

Затем вы можете удалить таблицу, обратившись к ней через идентификатор и отключив ее свойство externalHTML:

document.getElementById("<table id here>").outerHTML = "";

Ryan Tuosto 02 июнь 2017, в 16:29

0

Большое вам спасибо .... это сработало ... !!!
Riddhi Akbari 02 июнь 2017, в 17:56

Ещё вопросы

Большое вам спасибо .... это сработало ... !!!

Somdip Dey · Accepted Answer · 2017-06-02T15-16-00.000Z

Вам необходимо установить ID для вашей таблицы, например:

var table1 = document.createElement('table');
table1.setAttribute("id", "DynamicTable");

**Вот

DynamicTable

это идентификатор элемента, определенный вами. Переименуйте это как ваше предпочтение.

А затем удалите элемент по их идентификатору. Чтобы удалить элементы по идентификатору, ознакомьтесь с этим: qaru.site/questions/11869/...