Доброго времени суток.
const {
document
} = window;
class News {
constructor() {
this.singleNews = null;
this.allNews = null;
this.newsOne = null;
}
init() {
this.singleNews = document.getElementById('singleNews');
this.allNews = document.getElementById('newsOpen');
this.newsOne = document.getElementById('newsOne');
this.newsOne.addEventListener('click', () => {
this.singleNews.innerHTML = this.newsOne.innerHTML;
this.allNews.style.display = "none";
this.singleNews.style.display = "inline";
});
return;
}
}
export default News;
Есть страница, полная новостей, все новости обернуты в div с id="newsOne", в конце всего документа создан div с id="singleNews" и style="display: none", когда нажимают на новость, она переходит в singleNews и newsOne идет в dislay: none. И вот при открытии новости таким способом надо сделать кнопку назад или обновить страницу, что бы вернулось все обратно. Как можно это сделать?
Может через appendChild() ее можно создать и вывести?
