Удалите, а затем добавьте дочерний узел

У меня есть таблица, которую нужно скрыть при загрузке страницы, а затем показать после входа в систему Итак, я понял, как удалить таблицу при входе в систему, но понятия не имею, как ее вернуть.

<table class = "showAfter">
<tr>
<th></th>
</tr>
</table>

function restart(){
  var removeTable = document.querySelector('.showAfter');
   while (removeTable.hasChildNodes()) {
    removeTable.removeChild(removeTable.firstChild);
   }
}

function restore(){
  var addTable = document.querySelector('.showAfter');
  while (!addTable.hasChildNodes()) {
    append?
 }
}

Спасибо за помощь

Где ваша попытка "append?"? Я уверен, что вы можете найти в Интернете много примеров, как это сделать ...

— 27.10.2018 19:10

почему бы тебе просто не установить его display: none?

— 27.10.2018 19:13

дисплей: никто не работал нормально .. но я хочу понять родительский: дочерний вопрос. Как видите, удаление работает, но я не знаю, как вернуть свою таблицу обратно ..

— 27.10.2018 19:59

javascript dom

27.10.2018 19:08

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вот супер дешевый способ сделать то же самое.

<table class = "showAfter">
<tr>
<th></th>
</tr>
</table>


var savedTable = "": // establish var on the window scope so both functions can access it.

function restart(){
  var removeTable = document.querySelector('.showAfter');
  savedTable = removeTable.innerHTML;
  removeTable.innerHTML = "";

  // while (removeTable.hasChildNodes()) {
  //  removeTable.removeChild(removeTable.firstChild);
  // }
}

function restore(){
  var addTable = document.querySelector('.showAfter');
  addTable.innerHTML += savedTable;
  savedTable = "";
  // while (!addTable.hasChildNodes()) {
  //  append?
  // }
}

27.10.2018 20:48

Другие вопросы по теме

JS: для параметра установлено значение true, не работает

Как обновить один компонент на основе обработчика событий другого компонента?

Получите последнюю позицию курсора среди нескольких contenteditable div и добавьте изображение в div, где в последний раз находился курсор

Получить элементы по имени класса Nodelist не применяет новые стили к каждому элементу

Измерение абсолютного положения ряда элементов DOM в React

Почему тег нижнего колонтитула браузера вытягивается внутри тега body даже после написания документа? ниже пример?

Документ, показывающий null при синтаксическом анализе с помощью xml

Слушатели событий JS в цикле

'append' не определено для объекта HTMLDivElement в Internet Explorer

Selenium chromedriver svg dom захватывающие ссылки

Удалите, а затем добавьте дочерний узел

Ответы 1

Другие вопросы по теме

Похожие вопросы