Восстановление (обновление, восстановление) удаленного элемента
Есть ли какой-нибудь метод, который я могу использовать для восстановления удаленного элемента?
Это мой код для удаления элемента
myFunction() {
var width = window.innerWidth;
var February = document.getElementById('February');
if (width <= 1114)
{
if (February != null)
February.remove();
}
}
Мне нужно восстановить элемент, когда ширина больше 1114 (например)
Любые идеи? Спасибо!
Вместо удаления вы можете попытаться скрыть элемент, а затем, при необходимости, показать его.
в медиа-запросах вы можете сделать это, и тогда элемент исчезнет со страницы, но на самом деле он не будет удален, для этого вы можете написать другой код.
Мне нужно удалить элемент для изменения размера страницы (используя льняную раскладку, когда я устанавливаю элемент невидимым, это неправильно)
Вы имеете в виду гибкость? А элемент, скрытый с отображением, не имеет проблем? Это кажется странным.
Div не меняет размер после установки невидимого элемента. Поэтому мне нужно удалить элемент, а не скрывать ...
document.getElementById("myP").style.visibility = "hidden"; <- пытаюсь использовать, но не работает
обзор сохраняет пространство !!!!! Вы должны использовать дисплей
document.getElementById("myP").style.display = "none";А потом, когда я захочу восстановить элемент?
Таким образом, вы устанавливаете его на блокировку, встроенный блок, встроенный в зависимости от того, что это такое. но с css media нет необходимости возвращать его обратно ....
display: none -> display: flex / block / inline / inline-flex / inline-block все, что вы хотите. Все, кроме none, «восстановит» его. И снова не используйте javascript, если вам нужно только показать / скрыть элемент при изменении ширины окна.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Нет необходимости использовать JavaScript. С помощью CSS Media Queries и display: none вы можете удалить элемент из документа. Для прослушивания событий изменения размера не требуется JavaScript, браузер делает это за вас с помощью CSS.
@media only screen and (max-width:1114px){
.hide-max {
display: none;
}
}<div class = "hide-max">This is hidden when under max</div>Нажмите Expand Snippet / Full Page, и вы увидите, как это работает.
CSS Media Queries может это сделать, в действительности нет необходимости использовать JavaScript.