Показать сообщение отдельно
  #1 (permalink)  
Старый 18.06.2020, 19:47
Новичок на форуме
Отправить личное сообщение для qwentry1 Посмотреть профиль Найти все сообщения от qwentry1
 
Регистрация: 18.06.2020
Сообщений: 1

Как добавить кнопку?
Доброго времени суток.
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() ее можно создать и вывести?
Ответить с цитированием