удаление элементов со страницы

Question

> Есть несколько элементов на странице.Как их удалить ?Удаляет ,но только при нажатии на кнопку и только по одному за раз,а хотелось бы чтобы сразу все элементы.

    function deletTable() {
    let text_output = document.getElementById("text-output");
    let table = document.getElementById("arr-table");


    table.parentNode.removeChild(table);

    text_output.remove();
}



 <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="#">QuickSort</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
            aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
            <li class="nav-item active">
                <a class="nav-link" href="homePage.html">Домашняя страница<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="theory.html">Теория</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Режимы
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="#">Обучение</a>
                    <a class="dropdown-item" href="#">Самоконтроль</a>
                    <a class="dropdown-item" href="#">Тестовый</a>
                </div>
            </li>
        </ul>
    </div>
</nav>
<br>
<div class="block-left">
    <div class="col">
        <br>
        <div class='arr-output'></div>
    </div>
</div>

<div class="block-right">

    <div class="col">
        <div class="text-output" id="text-output">
            <br>
        </div>
    </div>
</div>
<div class="row">
</div>
</div>
<div class="container-fluid">
    <button id="next-step" type="button" class="btn btn-light" onclick="next()" value="continue">Следующий
        шаг
    </button>
    <button id="start" type="button" class="btn btn-light" onclick="start()">Начать</button>
    <button id="sd" type="button" class="btn btn-light" onclick="deletTable()">Сбросить</button>

</div>

</body>


</html>

function show(arr, pivot) {  //Вывод массива
let out = '<table class="table table-bordered" id = "arr-table">';
out += `<tr>`;
for (let i = 0; i < arr.length; i++) {


    if (arr[i] === pivot) {
        out += `<td style="background-color:lightcoral">${arr[i]}</td>`;
        // pivot = "";
    } else if (arr[i] === swapElOne || arr[i] === swapElTwo) {
        out += `<td style="background-color:lightgreen">${arr[i]}</td>`;
        // swapElOne = "";
        // swapElTwo = "";
    } else {
        out += `<td >${arr[i]}</td>`;
    }
}
out += `</tr>`;
out += `</table>`;

$('.arr-output').append(out);

}

Answer 1

function deleteAllById(id) {
  var el;
  while (el = document.getElementById(id)) {
    el.parendNode.removeChild(el);
  }
}

function deletTable() {
  deleteAllById("text-output");
  deleteAllById("arr-table");
}

или

$(".table").remove();

БЛОГ НА HUSL

удаление элементов со страницы

Ответы (1 шт):